>  기사  >  웹 프론트엔드  >  jquery UI Datepicker 시간 제어 사용 방법(기본 버전)_jquery

jquery UI Datepicker 시간 제어 사용 방법(기본 버전)_jquery

WBOY
WBOY원래의
2016-05-16 15:33:251407검색

이 기사에서는 jquery ui datepicker 시간 제어를 사용하는 방법을 설명합니다. 먼저 예제를 통해 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: '<上月',
 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']);
 });

위는 jquery ui datepicker 시간 제어를 사용하는 방법입니다. 내용은 매우 간단합니다. 목적은 UI datepicker 시간 제어에 대해 알리는 것입니다. 아직 끝나지 않았습니다. 자세한 내용은 다음 기사에서 계속됩니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.