2017-03-03 1 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"> 

자바 스크립트

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