EasyUI修改DateBox和DateTimeBox的默认日期格式示例 - 行业资讯

最近整理Easyui控件的时候,对Easyui的DateBox控件和DateTimeBox控件进行了梳理,而我之所以将Easyui的DateBox控件和DateTimeBox控件放在一起,归为一类,是因为这两个控件没有什么区别,如果你非得说这两个控件有区别,也无非是DateTimeBox控件后面除了基本的年月日之外带上了小时或者分钟或者秒什么的,更何况,这两个控件在进行日期格式化时所采用的方法也是一样的。

<强> DateBox介绍:

演示实例参看:http://www.jeasyui.com/demo/main/index.php& # 63;插件=DateBox&主题=default& dir=ltr& pitem=
　　

属性方法介绍参看:,http://www.jeasyui.com/documentation/index.php

<强> DateTimeBox介绍:

演示实例参看:http://www.jeasyui.com/demo/main/index.php& # 63;插件=DateTimeBox&主题=default& dir=ltr& pitem=,,,
　　

属性方法介绍参看:http://www.jeasyui.com/documentation/index.php

控件的默认格式:

, DateBox控件默认的日期格式是:,,,,,,,,,,,,,,,,,,,,,,,,,,DateTimeBox控件默认日期格式是:
　　

<强>问题二:日期格式改正

这两个控件在修改日期格式上都可以采用以下两种方法,我现在已以DateTimeBox为例,说明他们是如何实现的。

方法一:分裂函数+正则表达式
　　

　　　　　　定义日期格式: 　　& lt;输入类=数据选项“easyui-datetimebox”=案袷交绦?ww4,解析器:w4”比;yyyy年mm月dd日hh点& lt;/input> 　　& lt;脚本type=" text/javascript祝辞　　函数ww4(日期){ 　　var y=date.getFullYear (); 　　var m=date.getMonth () + 1; 　　var d=date.getDate (); 　　var h=date.getHours (); 　　返回y +“年”+ (m<& # 63; 10 (' 0 ' + m): m) +“月”+ (d<& # 63; 10 (' 0 ' + d): d) +‘日’+ (h<& # 63; 10 (' 0 ' + h): h) +“点”; 　　　　} 　　函数w4 (s) { 　　var reg=/[\ u4e00 - \ u9fa5]///利用正则表达式分隔　　var党卫军=(s.split (reg)); 　　var y=方法(ss [0], 10); 　　var m=方法(ss [1], 10); 　　var d=方法(ss [2], 10); 　　var h=方法(ss [3], 10); 　　如果(! isNaN (y),,! isNaN (m),,! isNaN (d),,! isNaN (h)) { 　　返回新日期(y、m - 1 d, h); 　　其他}{ 　　返回新日期(); 　　} 　　} 　　& lt;/script> 　　之前　　　　

显示效果如下:

EasyUI修改DateBox和DateTimeBox的默认日期格式示例”>,,,,,,,,,,,,,,,,,</p>
　　<p>方法二:substring函数</p>
　　
　　<pre类= 　　定义日期格式: 　　& lt;输入类=数据选项“easyui-datetimebox”=案袷交绦?ww3,解析器:w3”比;yyyy/mm/dd hh-mm-ss 　　& lt;脚本type=" text/javascript祝辞　　函数ww3(日期){ 　　var y=date.getFullYear (); 　　var m=date.getMonth () + 1; 　　var d=date.getDate (); 　　var h=date.getHours (); 　　var min=date.getMinutes (); 　　var秒=date.getSeconds (); 　　var str=y +‘/? (m<& # 63; 10 (' 0 ' + m): m) + '/' + (d<& # 63; 10 (' 0 ' + d): d) + '/' + ' ' + (h<& # 63; 10 (' 0 ' + h): h) +“:”+ (min<& # 63; 10(' 0 ' +分钟):分钟)+“:”+ (sec