jquery UI DatePicker Time Control usage (base version) _jquery

This article for you to share the jquery UI DatePicker Time control usage, through an example to understand the UI DatePicker time control, let us have a look at the effect chart:

Effect:

Common occasions:
1. Input box
2.div
How to use:
1. Date of restriction

$ ("#resultDiv"). DatePicker ({
 onselect:function (datetext, inst) {
 //code: event triggered after selecting a date
 },
 mindate:new Date (),//Minimum date
 maxdate:new date ($ ("#DateLimit"). Val ())//MAX date
 });

2. Chinese

JQuery (function ($) {
 $.datepicker.regional[' zh-cn '] = {
 closetext: ' Close ',
 prevtext: ' < last month ',
 Nexttext: ' Next month > ',
 currenttext: ' Today ',
 monthnames: [' January ', ' February ', ' March ', ' April ', ' May ', ' June ',
 ' July ', ' August ', ' September ', ' ', ' November ', ' December '],
 monthnamesshort: [' One ', ' two ', ' three ', ' four ', ' five ', ' Six ',
 ' seven ', ' eight ', ' nine ', ' ten ', ' 11 ', ' 12 '],
 daynames: [' Sunday ', ' Monday ', ' Tuesday ', ' Wednesday ', ' Thursday ', ' Friday ', ' Saturday '],
 daynamesshort: [' Sunday ', ' Monday ', ' Tuesday ', ' Wednesday ', ' Thursday ', ' Friday ', ' in ', ' Saturday '],
 da Ynamesmin: [' Day ', ' one ', ' two ', ' three ', ' four ', ' five ', ' six '],
 weekheader: ' Zhou ',
 dateformat: ' Yy-mm-dd ',
 FIRSTDAY:1,
   isrtl:false,
 showmonthafteryear:true,
 yearsuffix: ' Year '
 };
 $.datepicker.setdefaults ($.datepicker.regional[' zh-cn ');
 });

The above is the jquery UI DatePicker Time Control use method, the content is very simple, the goal is lets the parents understand the UI DatePicker time control, hoped everybody will like, regarding the jquery UI DatePicker time control does not end, The next article will continue to learn more.