首页 > Web开发 > 详细

JQuery UI datepicker 经验

时间:2014-10-13 14:20:30      阅读:333      评论:0      收藏:0      [点我收藏+]

范围 时间选择  range date picker

$(function(datepicker) {
    function datePicker(){
        var date = new Date();
        var year = date.getFullYear();
        var month = date.getMonth() +1;
        var day = date.getDate();
        var dateStr = ‘‘;

        // 全局设置 datePicker;
        $.datepicker.setDefaults({
            monthNames : [‘一月‘, ‘二月‘, ‘三月‘, ‘四月‘, ‘五月‘, ‘六月‘, ‘七月‘, ‘八月‘, ‘九月‘, ‘十月‘, ‘十一月‘, ‘十二月‘],
            dayNamesMin : [‘周日‘, ‘周一‘, ‘周二‘, ‘周三‘, ‘周四‘, ‘周五‘, ‘周六‘],
            dateFormat: ‘yy-mm-dd‘,
            minDate: date,
            maxDate: ‘+1w‘
        });

        $( "#date_from" ).datepicker({
            defaultDate: "+1",
            changeMonth: true,
            numberOfMonths: 1,
            onClose: function( selectedDate ) {
                if ( selectedDate){ // 如果用户选择日期,才更改日期选择阈值;
                    $( "#date_to" ).datepicker( "option", "minDate", selectedDate );
                }
            }
        });
        $( "#date_to" ).datepicker({
            defaultDate: "+1",
            changeMonth: true,
            numberOfMonths: 1,
            onClose: function( selectedDate ) {
                if ( selectedDate){ // 如果用户选择日期,才更改日期选择阈值;
                    $( "#date_from" ).datepicker( "option", "maxDate", selectedDate );
                }
            }
        });
    }
    datePicker();
});

 

JQuery UI datepicker 经验

原文:http://www.cnblogs.com/juhualang/p/4022053.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!