2017-03-22 2 views
0

각도 ui-calendar을 사용 중입니다. 내가 이벤트를 가리키면 이벤트 날짜가 2017-03-12T04:00:00.000Z으로 표시됩니다. 여기에 나는 dd-mm-yyyy HH:mm:ss 형식으로 변경하려고합니다. 난 내가 nedd 어떤 이미지 여기ui-calendar에서 날짜 형식을 변경하는 방법은 무엇입니까?

enter image description here

코드를 참조하십시오 언급에 이미지를 첨부 : -

.... 
.... 
//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> 

답변

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> 
0

<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

을위한 링크
관련 문제