jQuery MiniUI

 找回密码
 立即注册
查看: 2302|回复: 2
打印 上一主题 下一主题

关于MiniUI时间的比较 [复制链接]

Rank: 1

跳转到指定楼层
楼主
发表于 2014-1-10 11:35:49 |只看该作者 |倒序浏览
本帖最后由 red 于 2014-1-10 12:39 编辑

偶有一得,予以分享。

实现功能:
《开始时间小于结束时间/结束时间大于开始时间》


  1. <td>
  2.         开始时间:<input id="TextBox_StartTime" class="mini-datepicker" style="width: 100px;"                                format="yyyy-MM-dd" showtime="false" showokbutton="true" showclearbutton="true"
  3. ondrawdate="MaxonDrawDate" />
  4. </td>
  5. <td>
  6.         结束时间: <input id="TextBox_EndTime" class="mini-datepicker" style="width: 100px;"
  7. format="yyyy-MM-dd" showtime="false" showokbutton="true" showclearbutton="true"
  8. ondrawdate="MinonDrawDate" />
  9. </td>
复制代码
<script type="text/javascript">
  1.   //开始时间最大值
  2.    function MaxonDrawDate(e) {
  3.          var date = e.date;
  4.          var endStr=mini.get("TextBox_EndTime").getValue()  //直接获取datepicker的值
  5.          var endTime=mini.parseDate(endStr)   //字符串转化为日期
  6.           if (endTime!=null&&date.getTime() > endTime.getTime())
  7.          {
  8.                   e.allowSelect = false;
  9.           }
  10.     }
  11.    
  12.     //结束时间最小值   
  13.    function MinonDrawDate(e) {
  14.          var date = e.date;
  15.          var statrStr=mini.get("TextBox_StartTime").getValue()  //直接获取datepicker的值
  16.          var startTime=mini.parseDate(statrStr)   //字符串转化为日期
  17.          if (startTime!=null&&date.getTime() < startTime.getTime())
  18.          {
  19.                   e.allowSelect = false;
  20.          }
  21.     }
复制代码
</script>
  
不过在获取开始时间和结束时间时,使用
mini.get("TextBox_EndTime").getValue()时得到的是
[url=]Date {Wed Jan 15 2014 00:00:00 GMT+0800}

[/url]
最后用
mini.get("TextBox_EndTime").getText()
获取到值了


Rank: 8Rank: 8

沙发
发表于 2014-1-10 11:59:47 |只看该作者
datepicker的getValue()获取的是时间对象,你自己处理成你需要的格式就可以了
http://www.miniui.com/docs/api/index.html#ui=date
这是MiniUI时间处理的api

Rank: 1

板凳
发表于 2014-1-10 12:43:52 |只看该作者
felt 发表于 2014-1-10 11:59
datepicker的getValue()获取的是时间对象,你自己处理成你需要的格式就可以了
http://www.miniui.com/docs/ ...

额,谢谢,这样就实现了。
  1. mini.formatDate (mini.get("TextBox_EndTime").getValue(), "yyyy-MM-dd " )
复制代码


Archiver|普加软件

GMT+8, 2024-11-27 18:38 , Processed in 1.038649 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部