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

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

在初始加載中,如何在NgbDatePicker的輸入字段中顯示日期

在初始加載中,如何在NgbDatePicker的輸入字段中顯示日期

不負(fù)相思意 2021-04-12 16:17:47
我正在使用NgbDatePicker,并且在頁面的“初始加載”上,我希望今天的日期顯示在datepicker的輸入字段中。當(dāng)前在初始加載中,正在顯示占位符值。有什么方法可以在加載時在輸入字段中顯示今天的日期。<input width="100px" class="form-control " [(ngModel)]="selectedDate" #date        (ngModelChange)="dateSelected(date.value)" placeholder="dd-mm-yyyy" name="dp" ngbDatepicker #d="ngbDatepicker"        pattern="[0-9]{4}[-][0-9]{2}[-][0-9]{2}" [minDate]="{year: 2010, month: 1, day: 1}" [maxDate]="maxDate"        [markDisabled]="isDisabled" />      <div class="input-group-append">        <button class="btn btn-outline-secondary fas fa-calendar-alt" (click)="d.toggle()"          (change)="dateSelected($event.target.value)" type="button"          (ngModelChange)="dateSelected($event.target.value)"></button>      </div>預(yù)期結(jié)果:加載時,今天的日期應(yīng)顯示在輸入字段中。實(shí)際結(jié)果:僅顯示占位符的值。
查看完整描述

2 回答

?
繁華開滿天機(jī)

TA貢獻(xiàn)1816條經(jīng)驗(yàn) 獲得超4個贊

如果您想充分利用NgBoostrap DatePicker模塊,則可以將NgbCalendar服務(wù)導(dǎo)入到component.ts中,并使用它來獲取今天的日期。請注意,NgBootstrap日期選擇器不接受常規(guī)的JavaScript Date對象或日期字符串作為輸入,因?yàn)樗褂肗gbDateStruct接口。


首先,將NgbCalendar導(dǎo)入到您的component.ts中,


import { NgbCalendar, NgbDateStruct } from '@ng-bootstrap/ng-bootstrap';

然后,使用getToday()方法并將今天的日期分配給selectedDate屬性。您的日期選擇器應(yīng)使用今天的日期進(jìn)行初始化。


selectedDate: NgbDateStruct = undefined;


constructor(private calendar: NgbCalendar) { 

  this.selectedDate = calendar.getToday()

}

另外,您也可以使用Vanilla JavaScript設(shè)置今天的日期,


constructor(private calendar: NgbCalendar) { 

  const today = new Date();

  this.selectedDate = {

    day: today.getDate(),

    month: today.getMonth() + 1,

    year: today.getFullYear()

  };

}


查看完整回答
反對 回復(fù) 2021-04-29
?
12345678_0001

TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超5個贊

請注意,ngbDatepicker模型是一個NgbDate對象。您必須在構(gòu)造函數(shù)或onInit方法中設(shè)置[ngModel] =“ selectedDate”變量,類似這樣。


ngOnInit() {

var today = new Date();

this.selectedDate = new NgbDate(today.getFullYear(), today.getMonth(), today.getDate())

}


查看完整回答
反對 回復(fù) 2021-04-29
  • 2 回答
  • 0 關(guān)注
  • 360 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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