AM / PM的Angular-Bootstrap-Datetimepicker问题

时间:2016-11-02 11:19:43

标签: angularjs twitter-bootstrap

我无法在数小时内实现完整的AM / PM格式,上午12:00,但点击日历后的时间为0:00至23:00:

enter image description here

源代码:

            <b>From</b>: <a class="dropdown-toggle" id="dropdown2" role="button" data-toggle="dropdown" href="#"
            style="font-weight: bold;" ng-click="events.filter.datePicked1 = true">{{events.filter.state.dateFrom | date:'MM/dd/yyyy'}}</a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel" ng-if="events.filter.datePicked1">
                <datetimepicker data-ng-model="events.filter.state.dateFrom"
                data-datetimepicker-config="{ minView: 'day' }"
                />
            </ul>
            <a class="dropdown-toggle" id="dropdown2" role="button" data-toggle="dropdown" href="#"
            style="font-weight: bold;" ng-click="events.filter.datePicked1 = false">{{events.filter.state.dateFrom | date:'hh:mm a'}}</a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel" ng-if="!events.filter.datePicked1">
                <datetimepicker data-ng-model="events.filter.state.dateFrom"
                data-datetimepicker-config="{ minView: 'minute', startView : 'hour', minuteStep: 1 }"
                />
            </ul>

1 个答案:

答案 0 :(得分:1)

显示中的时间格式由moment.js控制 - 请参阅http://momentjs.com/docs/#/i18n/

默认情况下,datetimepicker使用用户区域设置的格式。我假设您的语言环境使用24小时格式,因为这是显示的内容。如果您希望所有用户使用相同的格式,则可以使用您希望的格式创建自己的区域设置。