bootstrap-datetimepicker当隐藏时间选择器时触发hide事件
在开发过程中我们时常⽤到时间选择器，bootstrap-datetimepicker⽆疑是当下使⽤⽐较多的时间选择插件。
在项⽬开发中遇到如下需求：
根据给定的起始时间及结束时间⾃动⽣成天数或⼩时数
bootstrap-datetimepicker提供了hide事件!
if (!ace.vars['old_ie']) $('#startTime1').datetimepicker({
format: 'YYYY-MM-DD HH:mm',//use this option to display seconds
icons: {
bootstrap项目time: 'fa fa-clock-o',
date: 'fa fa-calendar',
up: 'fa fa-chevron-up',
down: 'fa fa-chevron-down',
previous: 'fa fa-chevron-left',
next: 'fa fa-chevron-right',
today: 'fa fa-arrows ',
clear: 'fa fa-trash',
close: 'fa fa-times'
},
}).on('hide',function (event) {
getDaysOrHoursDuration();
}).next().on(ace.click_event, function () {
$(this).prev().focus();
});
但是不管我怎么调⽤，当时间选择器隐藏的时候，怎么都不调⽤hide事件，之后查看bootstrap-datetimepicker.main.js⽂件：
才知道需要添加前缀dp.
if (!ace.vars['old_ie']) $('#startTime1').datetimepicker({
format: 'YYYY-MM-DD HH:mm',//use this option to display seconds
icons: {
time: 'fa fa-clock-o',
date: 'fa fa-calendar',
up: 'fa fa-chevron-up',
down: 'fa fa-chevron-down',
previous: 'fa fa-chevron-left',
next: 'fa fa-chevron-right',
today: 'fa fa-arrows ',
clear: 'fa fa-trash',
close: 'fa fa-times'
},
}).on('dp.hide',function (event) {
getDaysOrHoursDuration();
}).next().on(ace.click_event, function () {
$(this).prev().focus();
});
⾄此，当时间选择器隐藏式调⽤hide事件成功

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。