我正在使用内置的datepicker来创建一个事件。 我希望能够从另一个页面动态设置日期,就像下面使用NavParams
一样<ion-datetime #dateTime displayFormat="DD MMM YYYY" pickerFormat="DD MMM YYYY" [(ngModel)]="date" ></ion-datetime>
我尝试过如下:
从 CalendarPage
中显示 AddTaskPage 页面1- calendar.ts
add(){
this.navCtrl.push(AddTask, {'date': this.selected})
console.log("AddTask")
}
2 - add-task.ts 我使用NavParams
传递日期export class AddTask {
remindTimes = [10, 30, 60, 120, 160, 1440];
locations: Location[] = [];
title:string
date:any
selectedDate:string
reminder:any
isChecked:boolean = false
@Output() saveItem = new EventEmitter<any>();
@ViewChild('dateTime') addDateTime;
constructor(
public navCtrl: NavController,
public navParams: NavParams,
public popCtrl: PopoverController,
private dataService: DataServiceProvider
) {
if(this.navParams.get('date')) {
this.date = new Date(this.navParams.get('date'))
this.selectedDate = moment(this.date).format('DD MMM YYYY');
console.log(`date selected: ${this.date}`)
console.log(`date selected: ${this.selectedDate}`)
}
}
3- [(ngModel)] =&#34;日期&#34;
我正在使用[(ngModel)]更新UI(开始日期)
除非使用日期选择器选择日期,否则无法设置日期。
是否有人能够强制指令从对象而不是从datepicker动态显示日期? 有什么想法吗?
由于