宝哥软件园

jQuery易用户界面中的日期控件日期框修改方法

编辑:宝哥软件园 来源:互联网 时间:2021-09-12

jQuery易用户界面中的日期控件日期框很好用的,首先需要引入jquery文件,代码如下:

!DOCTYPE html html hearteta charset=' UTF-8 ' title basic DateBox-jQuery EasyUI Demo/title link rel='样式表type=' text/CSS ' href=' CSS/Easyui。CSS ' script type=' text/JavaScript ' src=' http : js/jQuery-1。8 .0 .量滴js '/script脚本类型=' text/JavaScript ' src=' http 3360 js/jQuery。易用户。部效果为:

这里是英文的,如果有要求用中文的,那么需要的改的几个地方,首先是月份的,找到下面的代码:

$ .fn。日历。parse options=function(_ 454){ var t=$(_ 454);返回$。extend({},$.parser.parseOptions(_454,['width ',' height ',{firstDay:'number ',fit:'boolean ',border : ' boolean ' }]);};$ .fn。日历。默认值={ width :180,height:180,fit:false,border:true,firstDay:0,weeks 3360[' S ',' M ',' T ',' W ',' T ',' F ',' S'],months:['Jan ',' 2 ',' 3 ',' 4 ',' 5 ',' 6 ',' 7 ',' 8 ',' 9 ',' 10 ',' 11 ',' 12 '],year:new Date().getFullYear(),month:new Date().getMonth() 1,current:new Date(),onselect3360函数(Date){ };})(jQuery);改成下面的对应的

$ .fn。日历。parse options=function(_ 454){ var t=$(_ 454);返回$。extend({},$.parser.parseOptions(_454,['width ',' height ',{firstDay:'number ',fit:'boolean ',border : ' boolean ' }]);};$ .fn。日历。默认值={ width :180,height:180,fit:false,border:true,firstDay:0,weeks 3360['一', '二', '三', '四', '五', '六', '日],months:['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月],年份:新日期()。getFullYear(),month:new Date().getMonth() 1,current:new Date(),onselect3360函数(Date){ };})(jQuery);这样就行了,还有一个时间格式的修改,默认的是5/27/2013,即月/日/年的格式,如果换成的2013-05-27这样的,官方也给出了代码,如下:

!DOCTYPE html html hearteta charset=' UTF-8 ' title basic DateBox-jQuery EasyUI Demo/title link rel='样式表type=' text/CSS ' href=' CSS/Easyui。CSS ' script type=' text/JavaScript ' src=' http : js/jQuery-1。8 .0 .量滴js '/script脚本类型=' text/JavaScript ' src=' http 3360 js/jQuery。易用户。minvar m=日期。get month()1;var d=日期。GetDate();返回y '-' (m10?(' 0 '米):米)'-' (d10?(“0”d):d);}函数我的解析器{ if(!s)返回新日期();var ss=(s . split('-'));var y=parseInt(ss[0],10);var m=parsent(ss[1],10);var d=parsent(ss[2],10);if(!isNaN(y)!isNaN(m)!isNaN(d))返回新日期(y,m-1,d);} else {返回新日期();} }/脚本/html这样的话,格式怎么变的话,都很好修改的!

以上这篇jQuery易用户界面中的日期控件日期框修改方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。

更多资讯
游戏推荐
更多+