【问题标题】:Cannot open bootstrap datetimepicker in iphone meteor app无法在 iphone 流星应用程序中打开引导程序 datetimepicker
【发布时间】: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


【解决方案1】:

通过删除安装 fastclick 的包解决了这个问题

【讨论】:

    猜你喜欢
    • 2014-02-15
    • 2018-04-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-12-18
    • 1970-01-01
    • 2020-09-25
    • 1970-01-01
    相关资源
    最近更新 更多