非軍用フォーマットの日付範囲選択ツール

Question

私は、日付指定を強制しながら、daterange pickerを非軍事フォーマットにする必要があるプロジェクトに取り組んでいます。 の設定にもかかわらず、daterange pickerが軍用フォーマットであるにもかかわらず、現在のセットアップが機能します。ピッカーが非軍用フォーマットである必要があります。なぜこれが、どのようにこれを達成するためのアイデアですか？

$('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を与える短いスニペットを示します。

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時間）を取得したい場合は：あなたのformatオプションでAを削除し、trueにtimePicker24Hourを設定

を。

編集：moment().add(13, 'hours')をminDateとした。