2017-03-03 58 views
0

我在此插件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> 
+0

你能添加你的html代码吗? – 2017-03-04 08:12:03

+0

<日历 [calendarMode] = “calendar.mode” [的currentdate] = “calendar.currentDate” (onCurrentDateChanged)= “onCurrentDateChanged($事件)” [markDisabled] = “markDisabled” (onTitleChanged)=“onViewTitleChanged ($事件)” (onTimeSelected)= “onTimeSelected($事件)” [EventSource的] = “EventSource的” 自动选择= “假” 步= “30”> –

回答

0

这可以使用angular 2 date pipe

在可实现的.html可以将日期管添加到您的[currentDate]属性,这将改变时间戳日期转换为您想要使用的格式(查看上面的链接以查看所有格式类型)。

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

还有与模块本身相关的format options。这似乎特定于在其模块特定属性中格式化日期。

+0

以前我曾试图您曾提到什么。但输出没有变化 –

+0

哪一个,日期管道或离子2日历格式选项? – 2017-03-04 09:00:01

+0

我没有尝试在管道中,我试过你在那个答案中提到的 –

相关问题