Rumah  >  Artikel  >  hujung hadapan web  >  Cara menggunakan kawalan masa jquery UI Datepicker (versi asas)_jquery

Cara menggunakan kawalan masa jquery UI Datepicker (versi asas)_jquery

WBOY
WBOYasal
2016-05-16 15:33:251407semak imbas

Artikel ini akan berkongsi dengan anda cara menggunakan kawalan masa jquery ui datepicker Ketahui tentang kawalan masa ui datepicker melalui contoh-contohnya

Kesan:

Majlis biasa: 1.Kotak input
2.div

Penggunaan:
1. Tarikh terhad

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

2

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']);
 });
Di atas ialah cara menggunakan kawalan masa pemilih tarikh jquery. Tujuannya adalah untuk memberitahu anda tentang kawalan masa pemetik tarikh UI. Saya harap anda akan menyukainya belum berakhir. Artikel seterusnya akan bersambung.
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn