dalelotts angle-bootstrap-datetimepickerはtimepickerで24時間形式を表示します

Question

私はDalelotts Datetimepickerを使用しています。

DateTimePicker

のDateTimePickerは、AM/PM時間よりtimepickerに24時間を示しているように設定する方法があれば、私は思っていた。..

IE：9：00 &代わりに、ここでは午前9時& 9時PM

の21:00コードです：

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment.min.js"></script> 
 
<script data-require="angular.js@*" data-semver="1.3.15" src="https://code.angularjs.org/1.3.15/angular.js"></script> 
 
<script type="text/javascript" src="Scripts/angular-bootstrap-datetimepicker/src/js/datetimepicker.js"></script> 
 
<script type="text/javascript" src="Scripts/angular-bootstrap-datetimepicker/src/js/datetimepicker.templates.js"></script> 
 

 
<link rel="stylesheet" href="Scripts/angular-bootstrap-datetimepicker/src/css/datetimepicker.css" /> 
 
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.css"> 
 

 

 

 
<div class="col-lg-12 col-md-6"> 
 
    <lable class="lfInputLable">From date</lable> 
 
    <div class="dropdown"> 
 
    <a class="dropdown-toggle" id="dropdown1" role="button" data-toggle="dropdown" data-target="#"> 
 
     <div class="input-group"> 
 
     <input type="text" class="form-control" data-ng-model="data.dateDropDownInput1" data-date-time-input="YYYY-MM-DD HH:mm"><span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span> 
 
     </div> 
 
    </a> 
 
    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> 
 
     <datetimepicker data-ng-model="data.dateDropDownInput1" data-datetimepicker-config="{ dropdownSelector: '#dropdown1' }" /> 
 
    </ul> 
 
    </div> 
 
</div>

Answer 1

はそれを見つけました！私は変更する必要がありましたhourModelFactory関数内datetimepicker.jsファイル内

：

'display': hourMoment.format('LT'), 

へ：

'display': hourMoment.format('HH:mm'), 

他の事が今という選択された時間を示しpreviousViewDateボタンで、ピッカーに戻るボタンとしても機能し、AM/PM時間を表示します。

誰にでもアイデアがありますか？

Answer 2

function minuteModelFactory (milliseconds) { 
    var selectedDate = moment.utc(milliseconds).startOf('hour') 
    var previousViewDate = moment.utc(selectedDate).startOf('day') 

    var minuteFormat = 'YYYY-MM-DD H:mm' 
    var activeFormat = formatValue(ngModelController.$modelValue, minuteFormat) 
    var currentFormat = moment().format(minuteFormat) 

    var result = { 
     'previousView': 'hour', 
     'currentView': 'minute', 
     'nextView': 'setTime', 
     'previousViewDate': new DateObject({ 
     utcDateValue: previousViewDate.valueOf(), 
     display: selectedDate.format('DD/MM/YYYY H:mm') 
     }), 
     'leftDate': new DateObject({utcDateValue: moment.utc(selectedDate).subtract(1, 'hours').valueOf()}), 
     'rightDate': new DateObject({utcDateValue: moment.utc(selectedDate).add(1, 'hours').valueOf()}), 
     'dates': [] 
    } 

    var limit = 60/configuration.minuteStep 

    for (var i = 0; i < limit; i += 1) { 
     var hourMoment = moment.utc(selectedDate).add(i * configuration.minuteStep, 'minute') 
     var dateValue = { 
     'active': hourMoment.format(minuteFormat) === activeFormat, 
     'current': hourMoment.format(minuteFormat) === currentFormat, 
     'display': hourMoment.format('HH:mm'), 
     'utcDateValue': hourMoment.valueOf() 
     } 

     result.dates.push(new DateObject(dateValue)) 
    } 

    return result 
    } 

表示：selectedDate.format（ 'DD/MM/YYYYのH：MM'）