easyui设置datebox默认当前日期，且只能选择当前日期之前的日期

引言

全心全意为用户着想是我们的工作准则，所以细节上马虎不得！

场景

当我们进行特定的时间条件选择的时候，会有这样的情况，就是我们只能查询今天以及今天以前的信息，我们可以直接摆上去一个时间控件，但是这样做，会让用户有机会出错，而我们也免不了还要在后面对时间进行验证。所以我们可以再做的完美一点，就是直接对这个时间控件的可选择时间上做点手脚。

jsp

<span class="label">计划运行日期</span>      <input name="planRunDt" id="planRunDt" class="easyui-datebox" data-options="editable:false">  

js

$('#planRunDt').datebox('setValue', getCurentDateStr());      $('#planRunDt').datebox('calendar').calendar({          validator : function(date){              var now = new Date();              var d1 = new Date(now.getFullYear(),now.getMonth(),now.getDate());              return date <= d1;          }  });    function getCurentDateStr()  {       var now = new Date();      var year = now.getFullYear();       //年      var month = now.getMonth() + 1;     //月      var day = now.getDate();            //日      var clock = year + "-";      if(month < 10) clock += "0";             clock += month + "-";      if(day < 10) clock += "0";       clock += day;      return clock;   }  

效果图