jQuery MiniUI

标题: 关于MiniUI时间的比较 [打印本页]

---

作者: red    时间: 2014-1-10 11:35:49     标题: 关于MiniUI时间的比较



偶有一得，予以分享。

实现功能：
《开始时间小于结束时间／结束时间大于开始时间》

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()
获取到值了

---

作者: felt    时间: 2014-1-10 11:59:47

datepicker的getValue()获取的是时间对象，你自己处理成你需要的格式就可以了
http://www.miniui.com/docs/api/index.html#ui=date
这是MiniUI时间处理的api

---

作者: red    时间: 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 " )

复制代码

---

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)

Powered by Discuz! X2