EasyUI篇の日期控件

页面代码：

<input type="text" id='astartTime' class="easyui-datebox" style=" 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>

运行效果图：