关于options
singleDatePicker: false 双日历,true 单日历
timePicker:false 不显示时分秒,true 显示时分秒
timePickerIncreament:1 默认值
{
singleDatePicker : false, //是否显示单日历框
dateLimit : {
days : 30
}, //起止时间的最大间隔
showDropdowns : true,
showWeekNumbers : false, //是否显示第几周
timePicker : true, //是否显示小时和分钟
timePickerSecond : true, //是否显示秒
timePickerIncrement : 1, //时间的增量,单位为分钟 //当不显示小时和分钟时可以设为0
timePicker12Hour : false, //是否使用12小时制来显示时间
timePicker24Hour : true, //是否使用24小时制来显示时间 二选一
startDate : moment().subtract(0,'days').startOf('day'),//默认开始日期当天,0表示当天
endDate: moment().subtract(0,'days').endOf('day'),
maxDate : moment(), //最大时间
minDate : moment().subtract(90, 'days'), //最小时间,当前时间的前90天,也就是三个月
ranges : {
'最近1小时': [moment().subtract(1, 'hours'), moment()],
'今日': [moment().startOf('day'), moment()],
'昨日': [moment().subtract(1, 'days').startOf('day'), moment().subtract(1, 'days').endOf('day')],
'最近7日': [moment().subtract(6, 'days'), moment()],
'最近30日': [moment().subtract(29, 'days'), moment()]
},
opens : 'right', //日期选择框的弹出位置
buttonClasses : ['btn btn-default'],
applyClass : 'btn-small btn-primary blue',
cancelClass : 'btn-small',
locale : {
format : "YYYY-MM-DD", //选择好后显示框日期的格式,也是它的值
separator : " - ", //分隔符
applyLabel : '确定',
cancelLabel : '取消',
fromLabel : '起始时间',
toLabel : '结束时间',
customRangeLabel : '自定义',
daysOfWeek : [ '日', '一', '二', '三', '四', '五', '六' ],
monthNames : [ '一月', '二月', '三月', '四月', '五月', '六月',
'七月', '八月', '九月', '十月', '十一月', '十二月' ],
firstDay : 1
}
}, function(start, end, label) {
// 格式化日期显示框
$("#dateTimeRange span").html(start.subtract(1, 'hours').format('YYYY-MM-DD HH:mm') + '~' + end.format('YYYY-MM-DD HH:mm'));
}