ui.bootstrap.datepicker:更改日期格式

时间:2015-06-16 16:13:34

标签: angularjs twitter-bootstrap

我正在尝试在那里定制ui.bootstrap.datepicker http://plnkr.co/edit/?p=preview

我想将格式设置为dd-MM-yy并使其与掩码的输入一起使用(第二个在plunkr中的'Popup'下面)

<div class="col-md-6">
            <p class="input-group">
              <input type="date" class="form-control" datepicker-popup ng-model="dt" is-open="opened" min-date="minDate" max-date="'2015-06-22'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" />
              <span class="input-group-btn">
                <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
              </span>
            </p>
        </div>

我在script.js中添加了一种新格式:

  $scope.formats = ['dd-MM-yy', 'dd-MMMM-yyyy', 'yyyy/MM/dd', 'dd.MM.yyyy', 'shortDate'];

有没有办法更改第二个datepicker的格式(在'Popup'下),<input type="date"...>的格式?

感谢。

1 个答案:

答案 0 :(得分:1)

HTML5日期输入类型不支持自定义格式。有关详细信息,请参阅Is there any way to change input type="date" format?。我认为最好将输入类型更改为文本,如第一个。