jquery UI Datepicker时间控件的用法（一）

这篇文章主要介绍了jquery ui datepicker时间控件的使用方法，有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

通过实例讲解了解jquery ui datepicker时间控件，先给大家看一看效果图：

效果：

常用场合：

1.输入框

2.div

使用方法：

1.限制日期

$("#resultDiv").datepicker({
 onSelect: function (dateText, inst) {
 //代码：选择日期后触发的事件
 },
 minDate: new Date(),//最小日期
 maxDate: new Date($("#DateLimit").val())//最大日期
 });

2.中文

jQuery(function ($) {
 $.datepicker.regional['zh-CN'] = {
 closeText: '关闭',
 prevText: &#39;<上月&#39;,
 nextText: &#39;下月>&#39;,
 currentText: &#39;今天&#39;,
 monthNames: [&#39;一月&#39;, &#39;二月&#39;, &#39;三月&#39;, &#39;四月&#39;, &#39;五月&#39;, &#39;六月&#39;,
 &#39;七月&#39;, &#39;八月&#39;, &#39;九月&#39;, &#39;十月&#39;, &#39;十一月&#39;, &#39;十二月&#39;],
 monthNamesShort: [&#39;一&#39;, &#39;二&#39;, &#39;三&#39;, &#39;四&#39;, &#39;五&#39;, &#39;六&#39;,
 &#39;七&#39;, &#39;八&#39;, &#39;九&#39;, &#39;十&#39;, &#39;十一&#39;, &#39;十二&#39;],
 dayNames: [&#39;星期日&#39;, &#39;星期一&#39;, &#39;星期二&#39;, &#39;星期三&#39;, &#39;星期四&#39;, &#39;星期五&#39;, &#39;星期六&#39;],
 dayNamesShort: [&#39;周日&#39;, &#39;周一&#39;, &#39;周二&#39;, &#39;周三&#39;, &#39;周四&#39;, &#39;周五&#39;, &#39;周六&#39;],
 dayNamesMin: [&#39;日&#39;, &#39;一&#39;, &#39;二&#39;, &#39;三&#39;, &#39;四&#39;, &#39;五&#39;, &#39;六&#39;],
 weekHeader: &#39;周&#39;,
 dateFormat: &#39;yy-mm-dd&#39;,
 firstDay: 1,
 isRTL: false,
 showMonthAfterYear: true,
 yearSuffix: &#39;年&#39;
 };
 $.datepicker.setDefaults($.datepicker.regional[&#39;zh-CN&#39;]);
 });

以上就是jquery ui datepicker时间控件的使用方法，内容很简单，目的就是让亲们了解一下UI datepicker时间控件，希望大家会喜欢，关于jquery ui datepicker时间控件并没有结束，下篇文章会继续深入了解。

相关推荐

jquery UI Datepicker时间控件的用法（二）

jquery UI Datepicker时间控件的用法（三）

相关视频教程推荐：jQuery教程（视频）

Atas ialah kandungan terperinci jquery UI Datepicker时间控件的用法（一）. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!