EasyUI 之 easyui-datebox 自訂日期格式

EasyUI Software

首先說明，小弟用的是 EasyUI for jQuery 1.7.5 版。官方網頁載點如下...

Download EasyUI for jQuery 1.7.5

1. 先將原本的 EasyUI js 檔 jquery.easyui.min.js，備份一份起來。




2. 修改 jquery.easyui.min.js，於最後程式碼 })(jQuery); 之前，插入以下程式碼
（日期格式可自行再次修訂）

//------------------------- 格式化時間 yyyy/MM/dd //-------------------------
$.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) {
var a = s.split('/');
var d = new Date(parseInt(a[0]), parseInt(a[1]) - 1, parseInt(a[2]));
return d;
} else {
return new Date();
}
};
//------------------------- 格式化時間 yyyy/MM/dd //-------------------------

如下圖紅色圈圈處...



EasyUI 的顯示格式則就會修改成對應格式。

完成。