jqueryuidatepicker时间控件的使用及问题解决_jquery

《jqueryuidatepicker时间控件的使用及问题解决_jquery》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、jqueryUIDatepicker时间控件的使用及问题解决本文实例为大家分享了jqueryUI中datepicker的使用，解决与asp.net中的UpdatePanel联合使用时的失效问题。1.jqueryUI的datepicker的使用--＞首先在jqueryUI官网上根据你的需要下载适合你系统主题的样式,jqueryUI主题：下载地址；ThemeRollerAccordionThemeRRollYourOwnGalleryHelp▼Section1UIlightnessUIdarknessMaurismaurisan

2、terblanditetrultrices可suscipitegetrquam.Intigravidainfcondimentumsitametfnunc.Namanibh.Doneesuscipmalesuada・V巳stibulumaveliteuantgscelerisquevulputate.DownloadEditDownloadEditSmoothnessStartTibsDownloadEditDownloadEditFirstSecondThird--＞下载后的文件jqucry-ui-1.10.3.custo

3、m文件夹；不同的主题的区别在于它们引用的css不同默认下载的样式如下：其它样式比如我下载的样式:调flick2013/6/2010:41文件夹下载的jqueryUI中除了css文件夹不同，其它文件均相同--〉页面中的使用datePicker的步龙(1)引入jquery-ui-1.10.3.custom,min.css样式文件(2)引入jquery-1.9.1.js和jquery-ui-1.10.3.custom,min.js脚本文件;注意:先引入jquery文件(3)我的需求是制作一个起始时间和一个终止时间的选择。代码如下：

4、$(function(){$(，z#txtStartDate，z).datepicker({dateFormat:"yy-rmn-dd",changeMonth:true,onClose:function(selectcdDatc){$(〃#txtEndDate")・datepicker("option",z/minDate",selectedDate);}})；$(，z#txtEndDatc，z).datcpickcr({dateFormat:"yy-mm-dcT

5、,changeMonth:true,onClose:fundion(selecledDale){$(z，#txtStartDate，z)・datepicker("option","maxDate",selectcdDatc);}})；$(〃#ui-dalepicker-div").css("font-size",〃12px〃);//改变大小})；开始时间:

6、me=/，from，，/>结束时间:a：(1)$(，，#ui-datepicker-div，z).css("font-size",〃12px〃);用来改变日期控件的大小(2)dateFormat:〃yy-mm-dd〃，改变日期格式(3)日期控件为英文版本，加入一段脚本将具汉化/*ChineseinitialisationforthejQueryU1datepickerplugin・

7、*//*WrittenbyCloudream(cloudream@gmai1.com).*/jQuery(function($){$.datepicker,regional['zh-CN']={closeTcxt:'关闭prevText:?<上月'，nextText:下月〉',currentTexl:'今天'，monthNames:['一月'，'二月'，'三月'，’四月'，'五月'，'六月'，'七月’，’八月’，’九月',，十月'，，十一月',，十二月'],monthNamesShort:['一，，，二'，，三'，，四'，'

8、五',，六,，，七'，，八，，，九'，，十'，'~

9、—','十二'],dayNames:['星揄日’，’’星期二'，’星捕二'，僮期三'，'星期四’，’星期五'，’星期六'],dayNamesShort:['周日'，'周一'，'周二'，'周三'，'周四’，'周五'，'周六dayNamesM