javascript - 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" 更改了 Controller 中的值。

您可能会考虑使用 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是你更新的 plunker。