Получить «День» выбранной даты в ngb-datepicker (ng Bootstrap) в угловом приложении

Question

Демо: https://stackblitz.com/edit/angular-bife8z-px13fl?file=app%2Fdatepicker-basic.html

Я добавил День (Воскресенье) в качестве статического текста, я хочу, чтобы это было изменено в соответствии с календарем выбора даты.

Answer 1

Вы можете использовать календарь, чтобы получить день недели и иметь словарь, в котором хранятся названия дней.

weekDays = {
  1: 'Monday',
  2: 'Tuesday',
  3: 'Wednesday',
  4: 'Thursday',
  5: 'Friday',
  6: 'Satarday',
  7: 'Sunday'
}

Selected Date is: <b>{{weekDays[calendar.getWeekday(model)]}}

https://stackblitz.com/edit/angular-bife8z-bftzuu?file=app%2Fdatepicker-basic.html

Фактически у вас может быть переменная длядень, который устанавливается в установщике переменной model.

  selectedDay: string = '';
  set model(val) {
    this._model = val;
    this.selectedDay = this.weekDays[this.calendar.getWeekday(this.model)]
  }

  get model() {
    return this._model;
  }

 Selected Date is: <b>{{selectedDay}}</b> <br>

Answer 2

Попробуйте это:

html компонента

Selected Date is: <b>{{getDay(model)}}</b>

ts компонента

  getDay(model){
    let date = new Date(Date.UTC(model.year, model.month - 1, model.day, 0, 0, 0))
    let days = new Array( "Monday", "Tuesday", "Wednesday", "Thursday",  "Friday", "Saturday", "Sunday" );
    let day = days[date.getDay() - 1]
    return day
  }