Reference:
http://api.jqueryui.com/datepicker/#method-show English
Http://www.helloweba.com/view-blog-168.html Chinese
http://jqueryui.com/datepicker/
Effect:
Common occasions:
1. Input box
2.div
How to use:
1. Date of limitation
$ ("#resultDiv"). DatePicker ({ onselect:function (datetext, inst) { //code: Event triggered after select date }, newnew Date ($ ("#DateLimit"). Val ())//Max date});
2. Chinese
JQuery (function ($) {$.datepicker.regional[‘Zh-cn'] ={closetext:‘Shut down‘, Prevtext:‘< last month‘, Nexttext:‘Next month >‘, Currenttext:‘Today‘, MonthNames: [‘January‘,‘February‘,‘March‘,‘April‘,‘May‘,‘June‘,‘July‘,‘August‘,‘September‘,‘October‘,‘November‘,‘December‘], Monthnamesshort: [‘One‘,‘Two‘,‘Three‘,‘Four‘,‘Five‘,‘Six‘,‘Seven‘,‘Eight‘,‘Nine‘,‘Ten‘,‘Eleven‘,‘Twelve‘], dayNames: [‘Sunday‘,‘Monday‘,‘Tuesday‘,‘Wednesday‘,‘Thursday‘,‘Friday‘,‘Saturday‘], Daynamesshort: [‘Sunday‘,‘Monday‘,‘Tuesday‘,‘Wednesday‘,‘Thursday‘,‘Friday‘,‘Saturday‘], daynamesmin: [‘Day‘,‘One‘,‘Two‘,‘Three‘,‘Four‘,‘Five‘,‘Six‘], Weekheader: ' week , DateFormat: ' yy-mm-dd ' 1, Isrtl: falsetrue ' Zh-cn '
3. Time period Query usage
$ (document). Ready (function() {$ (' #SearchStartDT ')). DatePicker ({dateformat: ' Yy-mm-dd '), OnSelect:function(StartDate) {var $startDate = $ ("#SearchStartDT");var $endDate = $ (' #SearchEndDT ');var endDate = $endDate. DatePicker (' GetDate ');if (EndDate <StartDate) {$endDate. DatePicker (' setDate ', startDate-3600 * 1000 * 24); } $endDate. DatePicker ("option", "MinDate", StartDate); } }); $ (' #SearchEndDT '). DatePicker ({dateformat: ' Yy-mm-dd '), OnSelect:function (endDate) {var $startDate = $ ("#SearchStartDT" ); var $endDate = $ (' #SearchEndDT ' var startdate = $startDate. DatePicker ("getDate" ); if (endDate < StartDate) {$startDate. DatePicker (' SetDate ', StartDate + 3600 * + * 24); $startDate. DatePicker ("option", "MaxDate" new Date ()); $ ("#SearchEndDT"). DatePicker ("option", "MaxDate", new Date ()); });
4. Show only the Month
Multiple solutions: http://www.itstrike.cn/Question/c7c3214d-0a6b-4d89-8b4f-f7753763e927.html
The use of the jquery UI DatePicker Time Control