首页 > 代码库 > JQuery UI datepicker 经验

JQuery UI datepicker 经验

范围 时间选择  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 经验