비 군사 형식의 날짜 범위 선택기

Question

daterange picker가 비 군사 형식이어야하고 최소 날짜를 적용해야하는 프로젝트를 진행 중입니다. 현재 설정은 daterange picker가 군용 형식이지만 설정하는 경우에도 작동합니다. timePicker24Hour: false, - 비 군사 형식이어야합니다. 왜 이것이 무엇이며 어떻게 이것을 달성 할 수 있는지에 대한 아이디어가 있습니까?

$('input[name="launchdate"]').daterangepicker({ 
            timePicker24Hour: false, 
            timePickerIncrement: 15, 
            singleDatePicker: true, 
            showDropdowns: true, 
            timePicker: true, 
            autoApply: true, 
            minDate: moment().hour(13).minutes(0), 
            format: 'hh:mm A', 
            locale: { 
             format: "MM/DD/YYYY hh:mm A" 
            } 
           }); 

Answer 1

코드가 정상적으로 작동합니다.

비 군사 시각 형식 (12h) am/pm을 제공하는 짧은 발췌 문장입니다.

이 format 옵션에서 A를 제거하고 true에 timePicker24Hour을 설정

var minDateValue = moment().add(13, 'hours'); 
 
$('input[name="launchdate"]').daterangepicker({ 
 
    timePicker24Hour: false, 
 
    timePickerIncrement: 15, 
 
    singleDatePicker: true, 
 
    showDropdowns: true, 
 
    timePicker: true, 
 
    autoApply: true, 
 
    minDate: minDateValue, 
 
    format: 'hh:mm A', 
 
    locale: { 
 
     format: "MM/DD/YYYY hh:mm A" 
 
    } 
 
});

<!-- Include Required Prerequisites --> 
 
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></script> 
 
<script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script> 
 
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/3/css/bootstrap.css" /> 
 
    
 
<!-- Include Date Range Picker --> 
 
<script type="text/javascript" src="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script> 
 
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" /> 
 

 

 
<!-- Input --> 
 
<input name="launchdate"/>

당신은 군사 시간 형식 (24)를 얻을 하십시오.

편집 :moment().add(13, 'hours')을 minDate 값으로 추가했습니다.