【发布时间】:2018-10-26 19:12:51
【问题描述】:
我们在我们的流星应用程序中使用了引导日期时间选择器。 Bootstrap datetimepicker 在 android 应用程序和所有桌面浏览器中运行良好,但在 IOS 应用程序中,它无法打开,我们必须触摸 div/txbox 5 秒或更长时间才能打开它。尝试使用点击事件,它会在点击事件中打开,但日期根本无法更改。无论我们在对话框中选择哪个日期,它总是选择今天的日期
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();
},
【问题讨论】:
-
“所有桌面浏览器”,所以当通过 iPhone 从网络打开同一页面时,Safari 网络也可以工作?
-
通过删除安装 fastclick 的包解决了这个问题
标签: jquery iphone twitter-bootstrap meteor bootstrap-datetimepicker