我可以更改 bsDatepicker 的当前年份吗？

Question

在我的打字稿代码中，我只是从 'ngx-bootstrap/datepicker';

导入 => { BsDatepickerModule }

我有这个 html 编码：

 <div class="col-xs-12 col-12 col-md-4 form-group">
  <input type="text"
        placeholder="Datepicker"
        class="form-control"
        bsDatepicker>
 </div>

结果是： what I have.png

我想要 2004 年的基本日历。类似于：what I want.png

如何将弹出的第一年改为 2004 年而不是 2020 年？

Answer 1

如果没有为日期选择器设置值，它将默认为当前日期。这就是您在示例中看到的情况。

您可以在 html 模板中将 [bsValue]="dateForDatepicker" 属性添加到 bsDatepicker 输入元素。

  <input type="text"
        placeholder="Datepicker"
        class="form-control"
        bsDatepicker
        [bsValue]="dateForDatepicker"
  >

然后您可以在组件中添加 dateForDatepicker = new Date("01-01-2014")，这将使日期选择器最初显示该值。

有关更多信息，您可以查看文档：https://valor-software.com/ngx-bootstrap/#/datepicker#date-initial-state

我可以更改 bsDatepicker 的当前年份吗？

Can I change the current year of bsDatepicker?

html

visual-studio

typescript

ngx-bootstrap

angular