JQuery UI datepicker 经验

浏览数：27 / 时间：2015年06月09日

范围时间选择 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();
});