Maison  >  Article  >  interface Web  >  Utilisation du contrôle temporel jquery UI Datepicker (1)

Utilisation du contrôle temporel jquery UI Datepicker (1)

PHPz
PHPzavant
2021-05-28 15:45:333181parcourir

Cet article présente principalement comment utiliser le contrôle de temps jquery ui datepicker. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.

Utilisation du contrôle temporel jquery UI Datepicker (1)

Découvrez le contrôle du temps jquery ui datepicker à travers des exemples Permettez-moi d'abord de jeter un œil au rendu :

Effet :

. Utilisation du contrôle temporel jquery UI Datepicker (1)

Occasions courantes :

1. Zone de saisie

2.div

Comment utiliser :

1. Date restreinte

$("#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;]);
 });

Ce qui précède explique comment utiliser le contrôle horaire de jquery ui datepicker. Le contenu est très simple. Le but est de vous faire connaître le contrôle horaire de l'interface utilisateur. J'espère que vous l'aimerez. Le contrôle temporel de jquery ui datepicker n'est pas encore terminé. Suivant Cet article continuera à fournir une compréhension approfondie.

Recommandations associées

Utilisation du contrôle temporel jquery UI Datepicker (2)

Utilisation du contrôle temporel jquery UI Datepicker (3)

Tutoriels vidéo associés recommandés :

Tutoriel jQuery(Vidéo)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer