码迷,mamicode.com
首页 > 其他好文 > 详细

miniui日期控件mini-datepicker禁止选中日期

时间:2017-05-30 15:43:55      阅读:2140      评论:0      收藏:0      [点我收藏+]

标签:function   ini   http   ondraw   自己   size   ges   inpu   date()   

mini-datepicker日期控件利用js禁止选中日期

html代码:

  <input id="ToDate" name="ToDate" class="mini-datepicker" allowInput="false" showTodayButton="false"  ondrawdate="onDrawDate" />  

js代码:

<script type="text/javascript">
  function onDrawDate(e) {
   var date = e.date;
   var d = new Date();
   if (date.getTime() <= d.getTime()) 
{ e.allowSelect
= false; } } </script>

效果如下图:

  技术分享

其中allowInput="false"禁止输入,showTodayButton="false"是否显示今日按钮,可以自己试一下。

miniui日期控件mini-datepicker禁止选中日期

标签:function   ini   http   ondraw   自己   size   ges   inpu   date()   

原文地址:http://www.cnblogs.com/xinbaba/p/6914220.html

(1)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!