2017-03-03 122 views
0

我正在使用一个使用datetimepicker的插件输入日期和时间的项目。这在桌面计算机上运行良好。您可以在同一个窗口中选择日期和时间。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); 

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

回答

0

使用此Detecting iOS/Android Operating system检测设备是否是移动还是不那么取决于你会改变你的<input>和呼叫(或没有)的type的DateTimePicker

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

我需要一提的是,你不能强制执行日期选择规则如使用本地控件时的思想等

+0

感谢您的回复,我需要日期和时间。这可能与type =“date”或我需要datetime-local? –

+0

有日期和时间需要datetime-local。 – Viney