Question

我们可以在日历上设置今日按钮，以便在点击按钮时将日历重置为今天的日期吗？

我正在关注本教程https://valor-software.com/ngx-bootstrap/#/datepicker#config-object

Answer 1

我已解决此要求，您可以在以下位置查看此实时示例 https://stackblitz.com/edit/ngx-bootstrap-date-picker-add-custom-content

ngx-bootstrap没有提供任何在日期选择器弹出窗口中添加自定义内容的功能。但是我们可以动态地向其中添加内容，添加之后我已经使用RxJS fromEvent方法来填充事件。一旦我们点击了事件，我们就可以在其中添加逻辑。

在这里，我添加了三个示例按钮，分别是“今天”，“重置”和“关闭”按钮，供您参考。

请点击“今天”按钮以获取答案。

Answer 2

<div class="col-xs-12 col-12 col-md-4 form-group">

      <input type="text"
             class="form-control"
             [(ngModel)]="bsValue"
             #dp="bsDatepicker"
             bsDatepicker
             [bsValue]="bsValue"
             [bsConfig]="bsConfig"
             (ngModelChange)="emitSelectedDate()">

      <button class="btn btn-outline-secondary" (click)="dp.toggle()" type="button" [attr.aria-expanded]="dp.isOpen">

      </button>

在组件

中

我从'@ ng-bootstrap / ng-bootstrap'导入为导入{NgbModule};

及以下代码

bsValue = new Date();
  selectedDate: any;

  bsConfig: Partial<BsDatepickerConfig> ;


  constructor() { 
    this.bsConfig = Object.assign({}, { containerClass: this.colorTheme });
    this.bsConfig = Object.assign({}, { showWeekNumbers: false }); 
    // this.bsConfig = Object.assign({}, { todayBtn: true }); 

 }

我试图将TodayBtn视为真，但没有这样的属性。我有一个很好的日历，但想在日历上设置一个“今天”按钮，将日历重置为今天。

今天bsDatepicker中的按钮

2 个答案: