时间戳

首页 > 解决方案 > 在 Angular 应用程序的 ngb-datepicker (ng Bootstrap) 中获取选定日期的“日”

angular - 在 Angular 应用程序的 ngb-datepicker (ng Bootstrap) 中获取选定日期的“日”

问题描述

演示： https ://stackblitz.com/edit/angular-bife8z-px13fl?file=app%2Fdatepicker-basic.html

我已将 Day(Sunday) 添加为静态文本，我希望根据日期选择表单日历对其进行更改。

标签： angulartypescriptbootstrap-4ng-bootstrapngb-datepicker

解决方案

您可以使用日历来获取星期几，并拥有一个存储日期名称的字典。

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>

推荐阅读