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>

总结

以上是生活随笔为你收集整理的EasyUI的datebox用法的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。