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) 执行此操作，因为后台的日期类型为日期。该指令关心这些格式的转换。

编辑： 如果你想坚持自己的方式，你可以使用这样的解析函数（找到它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 是您更新的插件。