AngularJS - Bootstrap Datepicker - 格式设置为“mm-yyyy”，但允许用户以“mm-yy”格式输入日期

Question

我已经在一个角度指令中包装了引导日期选择器，并在一个文本框上使用了它。除了验证部分外，一切似乎都正常。

我已将其设置为接受“mm-yyyy”格式的日期，但它仍然允许我覆盖并手动输入“mm-yy”或“mm-somenumber”格式的日期。

如何防止用户以“mm-yyyy”以外的格式输入日期？

这里是Plunker link。

要查看问题，请从 datepicker 中选择一个日期，然后通过键入“mm-yy”格式的日期并按 Tab 键来覆盖它。您可以看到文本框保留“mm-yy”格式，而不是强制使用“mm-yyyy”格式。

 <input type="text" ng-model="date" datepicker/>

    app.directive('datepicker', [function () {
            return {
                restrict: 'A',
                require: 'ngModel',
                link: function (scope, element, attrs, ngModelCtrl) {

                    element.datepicker({
                        format: "mm-yyyy",
                        minViewMode: 1,

                        //viewMode: "months",
                        //minViewMode: "months",

                        orientation: "top left",
                        autoclose: true,
                        onSelect: function (date) {
                            ngModelCtrl.$setViewValue(date);
                            scope.$apply();
                        }
                    });
                }
            };
        }]);

谢谢

Answer 1

您可以像这样设置startDate 和endDate：

element.datepicker({
  format: "mm-yyyy",
  minViewMode: "months", // or 1
  startDate: "01-1000",
  endDate: "12-9999",
});

Plunker 示例： http://plnkr.co/edit/2jTxvNkWy7AmQgnZ9G0R?p=preview

我认为格式字符串中的yyyy 不是4位数字，而是一个完整的年份。