2017-03-03 120 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