Heim >Web-Frontend >js-Tutorial >So verwenden Sie die Zeitsteuerung von jquery UI Datepicker (Basisversion)_jquery

So verwenden Sie die Zeitsteuerung von jquery UI Datepicker (Basisversion)_jquery

WBOY
WBOYOriginal
2016-05-16 15:33:251492Durchsuche

In diesem Artikel erfahren Sie, wie Sie die Zeitsteuerung von jquery UI Datepicker anhand von Beispielen verwenden

Wirkung:

Häufige Anlässe: 1.Eingabefeld
2.div

Verwendung:
1. Eingeschränkter Termin

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

2. Chinesisch

jQuery(function ($) {
 $.datepicker.regional['zh-CN'] = {
 closeText: '关闭',
 prevText: '<上月',
 nextText: '下月>',
 currentText: '今天',
 monthNames: ['一月', '二月', '三月', '四月', '五月', '六月',
 '七月', '八月', '九月', '十月', '十一月', '十二月'],
 monthNamesShort: ['一', '二', '三', '四', '五', '六',
 '七', '八', '九', '十', '十一', '十二'],
 dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
 dayNamesShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
 dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
 weekHeader: '周',
 dateFormat: 'yy-mm-dd',
 firstDay: 1,
 isRTL: false,
 showMonthAfterYear: true,
 yearSuffix: '年'
 };
 $.datepicker.setDefaults($.datepicker.regional['zh-CN']);
 });
Im Folgenden erfahren Sie, wie Sie die Zeitsteuerung von jquery ui verwenden. Der Zweck besteht darin, Sie über die Zeitsteuerung von jquery ui zu informieren Noch nicht vorbei. Der nächste Artikel wird fortgesetzt.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn