minDate и maxDate не работают для встроенного средства выбора даты в Ionic 4

#ionic-framework #ionic4

#ionic-framework #ionic4

Вопрос:

Я работаю над своим проектом Ionic 4 и использовал встроенный плагин для выбора даты. Он работает нормально, но я не могу установить в нем минимальную и максимальную дату для Android.

Это мой tab2.page.html:

 <ion-input formControlName="startchallenge" placeholder="Select Date" (click)="datePickershow()" [readonly]=true></ion-input>
  

Это моя tab2.page.ts:

 datePickershow(){
this.datePicker.show({
      date: new Date(),
      mode: 'date',
      androidTheme: this.datePicker.ANDROID_THEMES.THEME_HOLO_DARK,
      minDate: new Date().toISOString(),
      maxDate: new Date(new Date().setDate(new Date().getDate()   10)).toISOString(),
    }).then(
      date => console.log('Got date: ', date)},
      err => {
        console.log('Error occurred while getting date: ', err)}
    );
  }
  

Я использовал минимальную и максимальную дату в Android, после этого пользователь может выбрать дату с сегодняшнего дня, потому что я использовал минимальную дату в качестве сегодняшней даты, но проблема в том, что пользователь может выбрать предыдущую дату в Android.

Любая помощь приветствуется.

Ответ №1:

Попробуйте это:

 minDate: new Date().valueOf(),
maxDate: new Date(new Date().setDate(new Date().getDate()   10)).valueOf(),
  

Это решит вашу проблему.

Ответ №2:

Я думаю, вам следует использовать ion-datetime, которые обеспечивают самый простой способ получения даты или времени от пользователя. Существует множество методов для форматирования ввода даты и времени.

Комментарии:

1. Я использовал это, но моему клиенту не нравится пользовательский интерфейс, поэтому я перешел на это.

2. Не могли бы вы мне помочь в этом, пожалуйста?

3. Извините @Raghav, я понятия не имею, как изменить пользовательский интерфейс.

4. Хорошо. но можете ли вы помочь мне в этом вопросе?

5. Какой тип помощи вам нужен? Я обязательно помогу вам, если смогу.