[英]Angular 8: How can I set time for angular material datepicker?
我需要為 angular 材料日期選擇器設置時間,就好像我 select 當前日期它給了我系統的當前時間一樣。 我想將時間設置為 00:00:00。 我怎樣才能做到這一點?
我正在使用反應式 forms。 這是代碼。
today = new Date(); createForm() { this.newForm = this.fb.group({ date: this.today }) }
html
<div class="input-group"> <span class="input-group-addon" (click)="dt.open();"> <input [matDatepicker]="dt" type="text" class="input-form input_fullWidth"formControlName="date" fullWidth fieldSize="small"> <div class="datepicker-icon-div"> <i class="fa fa-calendar"></i> </div> </span> <span> <mat-datepicker #dt></mat-datepicker> </span> </div>
這是我得到的 output
Tue Mar 31 2020 11:33:47 GMT+0530 (India Standard Time)
我想要的時間應該是
Tue Mar 31 2020 00:00:00 GMT+0530 (India Standard Time)
你可以在下面添加它的工作方式
getDate : any
createForm() {
this.newForm = this.fb.group({
date: this.getDate;
});
ngOnInit(){
const today = new Date();
const SelectedDate = `${today.getFullYear()}-${today.getMonth() + 1}-${today .getDate()}`;
this.getDate = new Date(SelectedDate);
this.createForm();
}
你可以使用這個代碼
let startDate = new Date(this.yourForm.value.startDate); let endDate = new Date(this.yourForm.value.startDate); let startTime = this.yourForm.value.startTime.split(":"); let endTime = this.yourForm.value.endTime.split(":"); startDate.setHours(startTime[0]); startDate.setMinutes(startTime[1]); endDate.setHours(endTime[0]); endDate.setMinutes(endTime[1]);
let endDate = new Date(this.yourForm.value.startDate);
let startTime = this.yourForm.value.startTime.split(":");
let endTime = this.yourForm.value.endTime.split(":");
startDate.setHours(startTime[0]);
startDate.setMinutes(startTime[1]);
endDate.setHours(endTime[0]);
endDate.setMinutes(endTime[1]);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.