Angular-UI Bootstrap Datepicker 新日期

Question

我正在为我的项目使用Angular-UI Bootstrap Datepicker 指令。我想要做的是，当我单击按钮时，日期选择器值正在按预期更新，但是，日期选择器弹出窗口显示错误的日期。我正在使用dd.MM.yyyy 格式。它显示mm.dd.YYYY 而不是dd.MM.yyyy。是错误还是我遗漏了什么？

function appConfig(datepickerConfig, datepickerPopupConfig) {
        datepickerConfig.startingDay = 1;
        datepickerPopupConfig.datepickerPopup = 'dd.MM.yyyy';
}

Plnkr

Answer 1

据我了解，日期选择器工作得很好。问题是您使用this.date = "01.10.2015" 更改控制器中的值。

您可以考虑使用 this.date = new Date(2015,9,1) 执行此操作，因为 date 在后台属于 date 类型。该指令关心这些格式的转换。

编辑： 如果你想坚持自己的方式，你可以使用这样的解析函数（找到它here）：

function parseDate(input) {
  var parts = input.match(/(\d+)/g);
  return new Date(parts[2], parts[1]-1, parts[0]);
}

然后打电话：

this.date = parseDate("01.10.2015")

Here 是你更新的 plunker。