datetimepicker verwenden native datetimepicker auf Handy

Question

Ich arbeite an einem Projekt, wo ich ein Plugin verwende, das ein datetimepicker verwendet, um ein Datum und eine Uhrzeit einzugeben. Dies funktioniert hervorragend auf Desktop-Computern. Sie können Datum und Uhrzeit im selben Fenster auswählen.

Aber auf mobilen Geräten iphone und andriod, sieht es nicht gut aus. Und ich kann keine Option finden zwischen der nativen ios und andriod datetimepicker Funktion zu wählen.

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); 

Kann jemand helfen, diese zu lösen.

Answer 1

verwenden Detecting iOS/Android Operating system zu erkennen, ob Gerät ein Mobil ist oder nicht, dann auf, dass je Sie würden type Ihrer <input> und Anruf ändern (oder nicht) Datetime

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

ich erwähnen müssen, dass Sie nicht Datum erzwingen können Auswahlregeln wie Denkweise usw. bei der Verwendung nativer Steuerelemente