ion-datetime - 设置日期没有datepicker IONIC 3

时间:2018-04-18 10:26:14

标签: date ionic-framework ionic3 navparams

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

一样

date selected from the calendar

<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动态显示日期? 有什么想法吗?

由于

0 个答案:

没有答案