2017-03-03 7 views
0

私は、このプラグインIonic 2 Calenderの助けを借りてカレンダーを表示しています。これで私はボタンにカレンダーを表示しています。カレンダーはタイムスタンプ付きの日付を表示していますが、日付のみを表示したいだけです。ionic 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コードを追加できますか? –

+0

<カレンダー [calendarMode] = "calendar.mode" [CURRENTDATE] = "calendar.currentDate" (onCurrentDateChanged)= "onCurrentDateChanged($イベント)" [markDisabled] = "markDisabled" (onTitleChanged)= "onViewTitleChanged ($イベント)」 (onTimeSelected)= "onTimeSelected($イベント)" [EVENTSOURCE] = "EVENTSOURCE" オートセレクト= "false" を ステップ= "30"> –

答えて

0

これは、タイムスタンプを変換するであろう、あなたの[currentDate]属性に日付パイプを追加することができます.htmlangular 2 date pipe

を使用して達成することができます使用したい形式に日付を変更します(上記のリンクを参照してください)。すべてのフォーマットタイプ)。

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

モジュール自体にもformat optionsが関連付けられています。これはモジュール固有の属性で日付を書式化することに特有のようです。

+0

は、以前私はあなたが言及していたものをしようとしました。しかし出力には何の変化もありません –

+0

どちらの日付パイプ、日付パイプ、またはイオン2カレンダーフォーマットのオプションはありますか? –

+0

私はパイプで試していない私はあなたがその答えで述べたものを試しました –

関連する問題