如何使用離子2去除日期中的時間戳？

我在此插件Ionic 2 Calender的幫助下顯示日曆。在這裏，我在按鈕中顯示日曆。日曆顯示帶時間戳的日期，但我只想顯示日期。如何使用離子2去除日期中的時間戳？

.ts

onTimeSelected(ev) { 
    let data=this.isToday; 
    this.viewCtrl.dismiss({"selecteddate":data}); 
    this.navCtrl.push(HomePage,{ 
    selecteddate:ev.selectedTime 
    }); 
}

.html

<calendar [calendarMode]="calendar.mode"  
      [currentDate]="calendar.currentDate" 
      (onCurrentDateChanged)="onCurrentDateChanged($event)" 
      [markDisabled]="markDisabled" 
      (onTitleChanged)="onViewTitleChanged($event)" 
      (onTimeSelected)="onTimeSelected($event)" 
      [eventSource]="eventSource" 
      autoSelect="false" 
      step="30"> 
</calendar>

來源

2017-03-03 Garre Saikrishna

你能添加你的html代碼嗎？ – 2017-03-04 08:12:03

<日曆 [calendarMode] = 「calendar.mode」 [的currentdate] = 「calendar.currentDate」（onCurrentDateChanged）= 「onCurrentDateChanged（$事件）」 [markDisabled] = 「markDisabled」（onTitleChanged）=「onViewTitleChanged （$事件）」（onTimeSelected）= 「onTimeSelected（$事件）」 [EventSource的] = 「EventSource的」自動選擇= 「假」步= 「30」> –

這可以使用angular 2 date pipe

在可實現的.html可以將日期管添加到您的[currentDate]屬性，這將改變時間戳日期轉換爲您想要使用的格式（查看上面的鏈接以查看所有格式類型）。

[currentDate]="calendar.currentDate | date:'dd MMM y'"

還有與模塊本身相關的format options。這似乎特定於在其模塊特定屬性中格式化日期。

來源

2017-03-04 08:46:51

以前我曾試圖您曾提到什麼。但輸出沒有變化 –

哪一個，日期管道或離子2日曆格式選項？ – 2017-03-04 09:00:01

我沒有嘗試在管道中，我試過你在那個答案中提到的 –

如何使用離子2去除日期中的時間戳？

回答

相關問題