0

我正在使用内置的日期选择器来创建一个事件。我希望能够从另一个页面动态设置日期，就像下面使用 NavParams

从日历中选择的日期

<ion-datetime #dateTime displayFormat="DD MMM YYYY" pickerFormat="DD MMM YYYY" [(ngModel)]="date" ></ion-datetime>

我试过如下：

AddTaskPage页面从CalendarPage显示

1-日历.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)]="日期"

我正在使用 [(ngModel)] 更新 UI（开始日期）

除非使用日期选择器选择日期，否则无法设置日期。

有没有人能够强制指令从对象而不是 datepicker 动态显示日期？有什么想法吗？

谢谢

4

0 回答 0