jquery UI datepicker时间控件的使用

参考:

http://api.jqueryui.com/datepicker/#method-show 英文

http://www.helloweba.com/view-blog-168.html  中文

http://jqueryui.com/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']);

    });

 

 

 

 

你可能感兴趣的:(Datepicker)