This article describes how to use the jqueryuidatepicker time control. For more information about how to use the jquery ui datepicker time control, see this article, let's take a look:
Effect:
Common scenarios:
1. input box
2. p
Usage:
1. Date limit
$ ("# ResultDiv "). datepicker ({onSelect: function (dateText, inst) {// code: events triggered after Date selection}, minDate: new Date (), // maxDate minimum Date: new Date ($ ("# DateLimit "). val () // maximum date });
2. Chinese
JQuery (function ($) {$. datepicker. regional ['zh-cn'] = {closeText: 'close', prevText :'
<上月', nexttext: '下月>
', CurrentText: 'day', monthNames: ['August 11', 'August 11', 'August 11', 'August 11', 'August 11', 'August 11 ', 'October ', 'October'], monthNamesShort: ['1', '2', '3', '4 ', '5', '6', '7', '8', '9', '10', '11', '12'], dayNames: ['sunday ', 'monday', 'tuesday', 'wedday', 'thurs', 'Friday'], dayNamesShort: ['sunday', 'monday', 'tues ', 'wedne', 'thurs', 'Friday', 'satur'], dayNamesMin: ['day', 'yi', '2', '3', '4 ', '5', '6'], weekHeader: 'Week', dateFormat: 'yy-mm-dd', firstDay: 1, isRTL: false, showMonthAfterYear: true, yearSuffix: 'Year'}; $. datepicker. setDefaults ($. datepicker. regional ['zh-cn']);});
The above is how to use the jquery ui datepicker time control. The content is very simple. The purpose is to let you know about the UI datepicker time control. I hope you will like it, the jquery ui datepicker time control is not over yet. I will continue to learn more in the next article.