无法在 iphone meteor 应用程序中打开 bootstrap datetimepicker
Cannot open bootstrap datetimepicker in iphone meteor app
我们在流星应用程序中使用了 bootstrap 日期时间选择器。 Bootstrap datetimepicker 在 android 应用程序和所有桌面浏览器中工作得很好,但在 IOS 应用程序中,它打不开,我们必须触摸 div/txbox 5 秒或更长时间命令打开它。尝试使用点击事件,它会在点击事件上打开,但根本无法更改日期。无论我们在对话框select中选择哪个日期,它总是select今天的日期
HTML 内容
<div id="datepicker" name="date">
<input id="date1" name="date" class="set-due-date datepicker staticBuyerPlaceHolder" type="text" placeholder="Date" style="width:100%;" readonly>
</div>
Javascript
this.$('.datepicker').datetimepicker({
format: 'L',
minDate: moment().add(-1, 'days'),
date: oChild.value,
sideBySide: true,
stepping: 5, /* Increments for minutes*/
//defaultDate : false,
toolbarPlacement: 'top',
/* keepOpen : true, *//*Will cause the date picker to stay open after selecting a
date if no time components are being used.*/
showClose : true, /* Shows close icon */
ignoreReadonly: true
});
'dp.change #datepicker': function (event) {
event.preventDefault();
console.log("change event " + event.date + " " + event.oldDate + " " + event.currentTarget.value);
},
'click #datepicker': function (event, template) {
event.preventDefault();
template.$(".datepicker").data("DateTimePicker").show();
},
通过删除安装 fastclick 的软件包解决了这个问题
我们在流星应用程序中使用了 bootstrap 日期时间选择器。 Bootstrap datetimepicker 在 android 应用程序和所有桌面浏览器中工作得很好,但在 IOS 应用程序中,它打不开,我们必须触摸 div/txbox 5 秒或更长时间命令打开它。尝试使用点击事件,它会在点击事件上打开,但根本无法更改日期。无论我们在对话框select中选择哪个日期,它总是select今天的日期
HTML 内容
<div id="datepicker" name="date">
<input id="date1" name="date" class="set-due-date datepicker staticBuyerPlaceHolder" type="text" placeholder="Date" style="width:100%;" readonly>
</div>
Javascript
this.$('.datepicker').datetimepicker({
format: 'L',
minDate: moment().add(-1, 'days'),
date: oChild.value,
sideBySide: true,
stepping: 5, /* Increments for minutes*/
//defaultDate : false,
toolbarPlacement: 'top',
/* keepOpen : true, *//*Will cause the date picker to stay open after selecting a
date if no time components are being used.*/
showClose : true, /* Shows close icon */
ignoreReadonly: true
});
'dp.change #datepicker': function (event) {
event.preventDefault();
console.log("change event " + event.date + " " + event.oldDate + " " + event.currentTarget.value);
},
'click #datepicker': function (event, template) {
event.preventDefault();
template.$(".datepicker").data("DateTimePicker").show();
},
通过删除安装 fastclick 的软件包解决了这个问题