Maison  >  Article  >  interface Web  >  Comment utiliser le contrôle du temps jquery UI Datepicker (version de base)_jquery

Comment utiliser le contrôle du temps jquery UI Datepicker (version de base)_jquery

WBOY
WBOYoriginal
2016-05-16 15:33:251453parcourir

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.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn