2016-11-17 1 views
0

I user ion-datetime plugin. Tout a bien fonctionné, jusqu'à ce que j'ai essayé de passer la valeur à param 'max'. Je limite le sélecteur de date à 18 ans. Le résultat est que lorsque l'utilisateur ouvre le calendrier, il ne voit que les listes des années et des jours, s'il veut sélectionner le mois - il doit «tirer» la liste des mois en faisant défiler.Ion-datetime, lors de la transmission de la valeur à la date 'max', ne pas voir la liste des mois jusqu'à ce que défilement

Voici mon code:

HTML:

<ion-datetime displayFormat="MMM DD, YYYY" [(ngModel)]="user.dob" [formControl]="birthdate" [max]="maxDob"></ion-datetime> 

tapuscrit:

export class SignUpPage { 
    maxDob: string; 
    signUpProfileForm: FormGroup; 
    birthdate: AbstractControl; 


    constructor(public fb: FormBuilder) { } 

    ngOnInit() { 
     var self = this; 
     self.signUpProfileForm= self.fb.group({ 
     'birthdate': [], 
     }); 

     self.maxDob = new Date(new Date().setFullYear(new Date().getFullYear() - 18)).toISOString(); 

    } 

} 

post-scriptum Si vous êtes utilisateur avec la liste 1500 réputation, je serai heureux si vous allez créer un nouveau tag - "ion-datetime".

Répondre

0

faire usage de moment

classe export Abc {

aujourd'hui: tout; mDate: any;

this.today = moment(). Format ("AAAA-MM-JJ"); Let maxDate = new Date ((new Date().) GetFullYear() - 18), new Date(). GetMonth(), new Date(). GetDate());

this.mDate = moment (maxDate) .format ("AAAA-MM-JJ"); En HTML:

+0

En HTML: