您的位置:首页 > Web前端 > JQuery

JQuery UI datepicker 经验

2014-10-13 13:41 288 查看
范围 时间选择 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();
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: