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用法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。