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>