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

Posted 2020-09-20

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"是否显示今日按钮，可以自己试一下。