Maison > Article > interface Web > Comment utiliser le contrôle du temps jquery UI Datepicker (version de base)_jquery
Cet article vous expliquera comment utiliser le contrôle de temps jquery ui datepicker. Découvrez le contrôle de temps ui datepicker à travers des exemples. Laissez-moi d'abord jeter un œil aux rendus :
Effet :
Occasions communes :
1.Boîte de saisie
2.div
Utilisation :
1. Date restreinte
$("#resultDiv").datepicker({ onSelect: function (dateText, inst) { //代码:选择日期后触发的事件 }, minDate: new Date(),//最小日期 maxDate: new Date($("#DateLimit").val())//最大日期 });
2. Chinois
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']); });
Ce qui précède explique comment utiliser le contrôle de temps jquery ui datepicker. Le contenu est très simple. Le but est de vous informer sur le contrôle de temps jquery ui datepicker. pas encore terminé. Le prochain article continuera.