angularjs - 如何更改 ui-calendar 中的日期格式？

Question

我正在使用角度ui-calendar。当我悬停一个事件时，它显示事件日期为2017-03-12T04:00:00.000Z。在这里，我想将其格式更改为dd-mm-yyyy HH:mm:ss. 我附上了图片并提到了我的内容，请看图片

这里的代码： -

....
....
//loop of n time
vm.events.push({ title: type, className: ['info'], start: new Date(fulldate), info: res.description + '. Assigned :' + res.assignTo.name })
//
        vm.eventSources = [vm.events];

//html code

  <div class="pos-rlt">
                    <div class="fc-overlay">
                        <div class="panel dark-white b-a pos-rlt">
                            <span class="arrow b-white"></span>
                            <div class="h5 _300 m-b-sm b-b p-b-sm">{{event.title}}</div>
                            <div>
                                <i class="fa fa-fw fa-calendar-o text-muted m-r-xs"></i> {{event.start | date:'medium'}}
                            </div>
                            <div class="ng-hide" ng-show='event.end'>
                                <i class="fa fa-fw fa-clock-o text-muted m-r-xs"></i> {{event.end | date:'medium'}}
                            </div>
                            <div class="ng-hide" ng-show='event.location'>
                                <i class="fa fa-fw fa-map-marker text-muted m-r-xs"></i> {{event.location}}
                            </div>
                            <div class="m-t-sm">{{event.info}}</div>
                            <div class="m-t-sm">{{event.url}}</div>
                        </div>
                    </div>
                    <div calendar="calendar" class="calendar" ng-model="eventSources" ui-calendar="uiConfig.calendar"></div>
                </div>

Answer 1

您必须更改日期格式。

 <div>
    <i class="fa fa-fw fa-calendar-o text-muted m-r-xs"></i>           
    {{event.start | date:"dd-MM-yyyy HH:mm:ss"}}
 </div>

 <div class="ng-hide" ng-show='event.end'>
    <i class="fa fa-fw fa-clock-o text-muted m-r-xs"></i> 
    {{event.end | date:"dd-MM-yyyy HH:mm:ss"}}
 </div>

Answer 2

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<div ng-app="">
<p>Few more formats are:</p>
  {{1288323623006 | date:'medium'}} <br>
  {{1288323623006 | date:'yyyy-MM-dd HH:mm:ss Z'}} <br>
  {{1288323623006 | date:'MM/dd/yyyy @ h:mma'}} <br>
  {{1288323623006 | date:"MM/dd/yyyy 'at' h:mma"}}
</div>

访问链接以获取完整参考https://docs.angularjs.org/api/ng/filter/date