帶有輸入掩碼的 UI-Bootstrap 日期選擇器

Question

當前嘗試使用標准日期選擇器，但將其與輸入掩碼結合使用，以便在用戶需要時更輕松地手動輸入日期。

見普朗克

目前的問題是，當我添加的兩件事情面具情況發生，無論是手動輸入的日期到字段不工作（只要我完成它會刪除該字段的值含義），或者在更新成功模型值，但是當我打開datepicker它被設置為1500 。

plunk 具有輸入的屏蔽和未屏蔽版本。

HTML

<input type="text" class="form-control" datepicker-popup="MM/dd/yyyy" ng-model="dt" is-open="opened" min-date="'2010-01-02'" max-date="dt" ng-required="true" close-text="Close" show-weeks="false" show-button-bar="false" ui-mask="99/99/9999" />
<button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>

JS

.controller('DatepickerDemoCtrl', function ($scope) {
  $scope.dt = new Date();

  $scope.open = function($event) {
    $event.preventDefault();
    $event.stopPropagation();

    $scope.opened = true;
  };
});

Answer 1

你不需要掩碼，因為 api 會為你做

<input class='form-control' data-provide='datepicker' data-date-format='yyyy-mm-dd'>

Answer 2

datetimepicker master 是解決方案

jQuery('#datetimepicker_mask').datetimepicker({
 timepicker:false,
 mask:true, // '9999/19/39 29:59' - digit is the maximum possible for a cell
});

http://xdsoft.net/jqplugins/datetimepicker/