如何使用离子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>

可以使用Angular 2 Date Pipe

来实现这一点

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

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

还有与模块本身关联的格式选项。这似乎是特定于其模块特定属性中的日期的格式化。

相关内容

  • 没有找到相关文章

最新更新