I have a date-picker from angular material. On click of some event, I'm getting the new date from api service. How do I change the date on some click event?
By Default, I have some date. After click the submit button, there is some api handled(assume), on subscribing the response values there is a variable with date format.
How do I change the date on some click event?
<mat-form-field>
<input matInput [matDatepicker]="picker" placeholder="Choose a date">
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker #picker></mat-datepicker>
</mat-form-field> <br/>
<button (click)="dosomeaction()">Submit</button>
export class DatepickerOverviewExample {
dosomeaction = function(){
let date = "2018/09/04";
//assign the above date to the input field
}
}
You can do it like this
component.html
<mat-form-field>
<input matInput [matDatepicker]="picker"
[(ngModel)]="dateToPass"placeholder="Choose a date">
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker #picker></mat-datepicker>
</mat-form-field> <br/>
<button (click)="dosomeaction()">Submit</button>
component.ts
export class DatepickerOverviewExample {
dateToPass;
dosomeaction(){
let date = new Date("2018/09/04");
//assign the above date to the input field
this.dateToPass = date;
}
}
Look at this Stackblitz , just set the date in ngModel
export class DatepickerOverviewExample {
start_time: Date;
dosomeaction = function(){
start_time: new Date();
}
}
<input mdInput
name="start_time"
#start_time="ngModel"
date="true"
[(ngModel)]="start_time"
placeholder="Choose a date">
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.