jquery UI Datepickerの時刻制御の使い方(1)

この記事では主に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 時間コントロールの使用 (2)

jquery UI Datepicker 時間コントロールの使用 (3)

推奨される関連ビデオ チュートリアル:

jQuery チュートリアル

(ビデオ)

以上がjquery UI Datepickerの時刻制御の使い方(1)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。