第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

以編程方式設置角度材料日期選擇器值

以編程方式設置角度材料日期選擇器值

天涯盡頭無女友 2022-01-20 18:48:23
我在我的一個角項目組件中使用角材料日期選擇器。該組件有兩個選項卡。使用 *ng如果我根據(jù)用戶單擊的內(nèi)容一次只顯示一個。在一個選項卡中,用戶選擇一個日期,如果導航到同一組件的其他選項卡并返回到前一個選項卡,我需要保留所選日期。這就是我在HTML 方面所做的事情:<mat-form-field class="dropdownWidth">      <input #dateInput matInput [matDatepickerFilter]="myFilter" [matDatepicker]="picker"             placeholder="Choose a date"             [value]="datePickerDate"             [(ngModel)]="datePickerDate"             (dateChange)="addDateEvent($event)"             [disabled]="selectedOperator.length === 0 && userDateRange.length === 0">      <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>      <mat-datepicker #picker></mat-datepicker></mat-form-field>在TS 文件中:addDateEvent(event) {   this.datePickerEvent = event;   this.datePickerDate = new Date(`${event.value['_i'].month + 1}-${event.value['_i'].date}-${event.value['_i'].year}`);   this.formatDate = moment(event.value).format('YYYY-MM-DD');}但是當我向后導航時,不會保留日期值。有什么建議我怎樣才能做到這一點?
查看完整描述

2 回答

?
qq_笑_17

TA貢獻1818條經(jīng)驗 獲得超7個贊

它不起作用,因為您沒有存儲選定的值。所以在打字稿中創(chuàng)建一個變量:


yourDate: any;

HTML:


<p> YourDate  {{ yourDate | date }} </p>


<mat-form-field>

    <input matInput [(ngModel)]="yourDate" [matDatepicker]="picker" placeholder="Choose a date">

    <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>

    <mat-datepicker #picker></mat-datepicker>

</mat-form-field>


查看完整回答
反對 回復 2022-01-20
?
三國紛爭

TA貢獻1804條經(jīng)驗 獲得超7個贊

在您的示例中,您沒有使用任何綁定。嘗試使用[(ngModel)],以便它將獲取并保持選定的值。


這樣做,它會工作:


<mat-form-field>

          <input matInput [(ngModel)]="date" [matDatepicker]="picker" placeholder="Choose a date">

          <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>

          <mat-datepicker #picker></mat-datepicker>

</mat-form-field>


查看完整回答
反對 回復 2022-01-20
  • 2 回答
  • 0 關注
  • 204 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號