EasyUI篇の日期控件

页面代码：

 <input type="text" id='astartTime' class="easyui-datebox" style="width: 150px;" />

JS代码：

 <script type="text/javascript">
         $(function () {
             $("#astartTime").datebox({
                 onSelect: function (date) {   //选择日期
                     $("#astartTime ").val(date);
                     alert(date.getFullYear() + "年" + (date.getMonth() + 1) + "月" + date.getDate() + "日");
                 }
             });
         })
         window.onload = function () {
             $('#astartTime').datebox('setValue', formatterDate(new Date()));//设置日期初始日期为当前日期
         }
         formatterDate = function (date) {
             var day = date.getDate() > 9 ? date.getDate() : "0" + date.getDate();
             var month = (date.getMonth() + 1) > 9 ? (date.getMonth() + 1) : "0" + (date.getMonth() + 1);
             return date.getFullYear() + '-' + month + '-' + day;
         };
     </script>

运行效果图：