Date Range Picker   具体参照官网地址: http://www.daterangepicker.com/
分钟

(如果选中,则单日历且无时间框模式下,不显示确定、取消按钮)

单位:天;整形,>=1;双日历有效

moment().add(5, 'years').format('YYYY')

moment().add(-5, 'years').format('YYYY')

最终效果


                            
                        
时间格式:
YYYY-MM-DD HH:mm:ss

组件自带api:
setStartDate(Date or string):将日期范围选择器的当前所选开始日期设置为提供的日期
setEndDate(Date or string):将日期范围选择器的当前所选结束日期设置为提供的日期

示例:
$('#demo').data('daterangepicker').setStartDate('2020-01-16');

组件自带event事件:
show.daterangepicker:显示选择器时触发
hide.daterangepicker:隐藏选择器时触发
showCalendar.daterangepicker:显示日历时触发
hideCalendar.daterangepicker:隐藏日历时触发
apply.daterangepicker:单击应用按钮时,或单击预定义范围时触发
cancel.daterangepicker:单击取消按钮时触发

示例:
$('#demo').on('cancel.daterangepicker', function(ev, picker) {
  //do something, like clearing an input
});

//注意:如果需要初始化回显默认值(当前系统时间),请设置autoUpdateInput:true;
起始时间联动
$('#start_end').cusdaterangepicker({
	singleDatePicker: false,
})