1. 程式人生 > >miniui日期控件mini-datepicker禁止選中日期

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

func mini str 代碼 col allow gettime 技術分享 mage

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禁止選中日期