Aquí estoy tratando de desarrollar una aplicación móvil utilizando un marco iónico. Quiero configurar la hora y la fecha actuales en mi aplicación. Pero no funcionó. ¿Puede alguien ayudarme a solucionar este problema? Aquí está mi código.
Código HTML
<ion-datetime #dateTime displayFormat="MMM DD, YYYY HH:mm" formControlName="myDate"></ion-datetime>ts. código
export class App{ @ViewChild('dateTime') dateTime; form: FormGroup myDate: FormControl = new FormControl('', Validators.required) constructor(private fb: FormBuilder) {} ngOnInit() { this.form = this.fb.group({ myDate: this.myDate }); setTimeout(_ => { this.dateTime.setValue(new Date().toISOString()); }); } }¿Ha intentado usar la propiedad [valor] en lugar de ViewChild? Intenta hacer esto:
<ion-content> <ion-datetime [value]="dateTime" displayFormat="MMM DD, YYYY HH:mm" ></ion-datetime> </ion-content>y en su archivo ts:
dateTime; constructor() { } ngOnInit() { setTimeout(() => { this.dateTime = new Date().toISOString(); }); }¡esto funcionó para mí!
Probé con otro código encontrado en google y funcionó perfectamente. Aquí está el código;
HTML
<ion-item> <ion-datetime min="2021" max={{currentDate}} displayFormat= "DD/MM/YYYY h:mm A" [(ngModel)]="chosenDate"></ion-datetime> </ion-item> <p> Current date is {{currentDate}}</p> <p> Chosen date is {{chosenDate}}</p>ts.código
export class App implements OnInit { public currentDate: String; public chosenDate: String; constructor(public navCtrl: NavController,private platform:Platform) { this.currentDate = (new Date()).toISOString(); this.chosenDate = this.currentDate; }); } }