angularjs - ui bootstrap datepicker替代日期格式

Question

如何允许用户在输入表单中以不同格式键入日期？我看到选项 alt-input-formats。我尝试传递替代格式但没有结果。 Controller :

vm.altInputFormats = ['M!/d!/yyyy'];

标记:

        <div class="calendar">
            <label>END DATE</label>
            <input type="text"
                   ng-click="vm.toggleCalendar('endDate')"
                   class="calendar-control"
                   uib-datepicker-popup="{{'MM/dd/yy'}}"
                   ng-model="vm.dateFilter.endDate"
                   is-open="vm.endDateOpened"
                   datepicker-options="vm.datePickerOptions"
                   min-date="vm.dateFilter.startDate"
                   max-date="vm.currentDate"
                   show-button-bar="false"
                   alt-input-formats="vm.altInputFormats"
                   close-text="Close" />
            <i ng-click="vm.toggleCalendar('endDate')" class="glyphicon glyphicon-calendar calendar-btn"></i>
        </div>

现在我只能以这种格式输入日期:01/01/16，但对于 01/01/2016 我在模型中未定义。我的代码有什么问题吗？

Answer 1

altInputFormats 不应作为属性提供，而应作为 datepicker-options 配置对象的一部分提供。对于您的情况:

<input type="text"
       ng-click="vm.toggleCalendar('endDate')"
       class="calendar-control"
       uib-datepicker-popup="{{'MM/dd/yy'}}"
       ng-model="vm.dateFilter.endDate"
       is-open="vm.endDateOpened"
       datepicker-options="vm.datePickerOptions"
       min-date="vm.dateFilter.startDate"
       max-date="vm.currentDate"
       show-button-bar="false"
       close-text="Close" />

然后在 Controller 中

vm.datePickerOptions = {
  altInputFormats: ['M!/d!/yyyy'],
  // rest of options ...
}