文章/答案/技术大牛

发布

社区首页 >问答首页 >datetimepicker在移动设备上使用原生datetimepicker

问datetimepicker在移动设备上使用原生datetimepicker
EN

Stack Overflow用户

提问于 2017-03-03 09:11:26

回答 1查看 499关注 0票数 0

我正在做一个项目，在这个项目中，我使用了一个插件，该插件使用了一个日期时间选择器来输入日期和时间。这在台式计算机上工作得很好。您可以在同一窗口中选择日期和时间。

但在移动设备iphone和andriod上，它看起来并不好。我找不到在原生ios和andriod datetimepicker函数之间选择的选项。

Html

 <input type="text" class="form-control" id="PickupTime" name="pick_up_time" placeholder="date">

Javascript

var dateTimeOptions = {
  format: 'DD/MM/YYYY HH:mm',
  sideBySide: true,
  useCurrent: true,
  minDate: minDate,
  showClose: true,
  showClear: true,
  widgetPositioning: {
    horizontal: dateTimePickerPosition
  },
  icons: {
    up: 'fa fa-arrow-up',
    down: 'fa fa-arrow-down',
    previous: 'fa fa-chevron-left',
    next: 'fa fa-chevron-right'
  }
};

jQuery('#PickupTime').datetimepicker(dateTimeOptions);

有人能帮我解决这个问题吗。

javascript

jquery

datetime

datetimepicker

回答 1

Stack Overflow用户

发布于 2017-03-03 10:02:36

使用此Detecting iOS / Android Operating system检测设备是否为移动设备，然后根据需要更改<input>的type并调用(或不调用)<input>选择器

if(deviceIsMobile) {
    jQuery('#PickupTime').attr('type','date');
} else {
     jQuery('#PickupTime').datetimepicker(dateTimeOptions);
}

我需要指出的是，在使用本机控件时，您不能强制执行日期选择规则，如mindate等

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/42568891

复制

相似问题

问datetimepicker在移动设备上使用原生datetimepicker
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问datetimepicker在移动设备上使用原生datetimepickerEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问datetimepicker在移动设备上使用原生datetimepicker
EN