datetimepicker在移动设备上使用本机datetimepicker

时间:2017-03-03 01:11:26

标签: javascript jquery datetime datetimepicker

我正在开发一个项目,我使用一个使用datetimepicker的插件来输入日期和时间。这在台式计算机上运行良好。您可以在同一窗口中选择日期和时间。

但是在移动设备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);

有人可以帮忙解决这个问题吗。

1 个答案:

答案 0 :(得分:0)

使用此Detecting iOS / Android Operating system检测设备是否为移动设备,然后根据您的身份更改type的{​​{1}}并调用(或不调用)datetimepicker

<input>

我需要提一下,在使用本机控件

时,不能强制执行日期选择规则,例如mindate等