EasyUI的datebox用法

EasyUI的datebox用法

          在ITOO中，需求是这样的，datebox是EasyUI的一个组件，当页面加载的时候，默认获取当前的日期。

          实现的方法非常简单，一段js代码就解决问题了。

<span style="font-size:24px;"><script type="text/javascript">
        //默认获取当前日期
        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;
            return date.getFullYear() + '/' + month + '/' + day;
        };
        //页面初始化
        window.onload = function () {
            $('#ExamDate').datebox('setValue', formatterDate(new Date()));           
        }               
    </script></span>

          注意，其中有两种时间格式，可以根据需求进行设置，一种是中文的日期格式：2016-08-15，一种是英文的日期格式：2016/08/15。

          当点击这个控件选择日期的时候，默认的会显示为中文的日期格式，如果想要把它转换成英文的日期格式，也非常的简单，一段js代码解决问题。

<script type="text/javascript" >
        //日期时间格式转换
        $.fn.datebox.defaults.formatter = function (date) {
            var y = date.getFullYear();
            var m = date.getMonth() + 1;
            var d = date.getDate();
            return y + '/' + (m < 10 ? ('0' + m) : m) + '/' + (d < 10 ? ('0' + d) : d);
        };
        $.fn.datebox.defaults.parser = function (s) {
            if (!s) return new Date();
            var ss = s.split('/');
            var y = parseInt(ss[0], 10);
            var m = parseInt(ss[1], 10);
            var d = parseInt(ss[2], 10);
            if (!isNaN(y) && !isNaN(m) && !isNaN(d)) {
                return new Date(y, m - 1, d);
            } else {
                return new Date();
            }
        };
    </script>