$.extend($.fn.datagrid.defaults.editors, {datetimebox: {// datetimebox就是你要自定義editor的名稱 init: function (container, options) {var input = $('<input class="easyuidatetimebox">').appendTo(container);return input.datetimebox({formatter: function (date) {return new Date(date).format("yyyy-MM-dd hh:mm:ss");}});},getValue: function (target) {return $(target).parent().find('input.combo-value').val();},setValue: function (target, value) {$(target).datetimebox("setValue", value);},resize: function (target, width) {var input = $(target);if ($.boxModel == true) {input.width(width - (input.outerWidth() - input.width()));} else {input.width(width);}}} }); // 時間格式化 Date.prototype.format = function (format) {/** eg:format="yyyy-MM-dd hh:mm:ss";*/if (!format) {format = "yyyy-MM-dd hh:mm:ss";}var o = {"M+": this.getMonth() + 1, // month"d+": this.getDate(), // day"h+": this.getHours(), // hour"m+": this.getMinutes(), // minute"s+": this.getSeconds(), // second"q+": Math.floor((this.getMonth() + 3) / 3), // quarter"S": this.getMilliseconds()// millisecond };if (/(y+)/.test(format)) {format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));}for (var k in o) {if (new RegExp("(" + k + ")").test(format)) {format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));}}return format; };

使用方法：

<th field="datetime" width="150" editor="datetimebox">datetime</th>或者:在配置里面{field:"dataTime",editor:"datetimebox"}

validatebox增加對time、date、datetime的驗證

$.extend($.fn.validatebox.defaults.rules, {/*13:04:06*/time: {validator: function (value) {var a = value.match(/^(\d{1,2})(:)?(\d{1,2})\2(\d{1,2})$/);if (a == null) {return false;} else if (a[1] > 24 || a[3] > 60 || a[4] > 60) {return false;}},message: '時間格式不正確，請重新輸入。'},/*2014-01-01*/date: {validator: function (value) {var r = value.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);if (r == null) {return false;}var d = new Date(r[1], r[3] - 1, r[4]);return (d.getFullYear() == r[1] && (d.getMonth() + 1) == r[3] && d.getDate() == r[4]);},message: '時間格式不正確，請重新輸入。'},/*2014-01-01 13:04:06*/datetime: {validator: function (value) {var r = value.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/);if (r == null) return false;var d = new Date(r[1], r[3] - 1, r[4], r[5], r[6], r[7]);return (d.getFullYear() == r[1] && (d.getMonth() + 1) == r[3] && d.getDate() == r[4] && d.getHours() == r[5] && d.getMinutes() == r[6] && d.getSeconds() == r[7]);},message: '時間格式不正確，請重新輸入。'} });

?

轉載于:https://www.cnblogs.com/SmallStrange/p/9880112.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的datagrid行内编辑时为datetimebox的全部內容，希望文章能夠幫你解決所遇到的問題。

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