Question

Angular Bootstrap Datepicker提供格式

Wed Nov 02 2011 00:00:00 GMT+0000 (Hora padrão de GMT)

如何更改为？

2011-11-02

HTML

<div ng-controller="FetchCtrl"> 
     <input type="text" 
            class="form-control" 
            datepicker-popup="{{format}}" 
            ng-model="data_inicial" 
            ng-change="updateUrl()" 
            is-open="opened" 
            datepicker-options="dateOptions" 
            date-disabled="disabled(date, mode)" 
            ng-required="true" 
            close-text="Close" 
            /> 
            <span class="input-group-btn"> 
               <button class="btn btn-default" ng-click="open($event)">
                  <i class="glyphicon glyphicon-calendar"></i>
               </button>
            </span>
<h1>{{data_inicial}}</h1>

谢谢

雨果

Answer 1

设置date

等date:'yyyy-MM-dd'过滤器

在你的情况下：

<div ng-controller="FetchCtrl"> 
     <input type="text" 
            class="form-control" 
            datepicker-popup="{{format}}" 
            ng-model="data_inicial" 
            ng-change="updateUrl()" 
            is-open="opened" 
            datepicker-options="dateOptions" 
            date-disabled="disabled(date, mode)" 
            ng-required="true" 
            close-text="Close" 
            /> 
            <span class="input-group-btn"> 
               <button class="btn btn-default" ng-click="open($event)">
                  <i class="glyphicon glyphicon-calendar"></i>
               </button>
            </span>
<h1>{{data_inicial | date:'yyyy-MM-dd'}}</h1>

您可以找到其他格式 here

对于控制器尝试：

<强> JS

$scope.data_inicial = new Date();
// ....

  var date =  '0' + $scope.data_inicial.getDate();
  var month = '0' + ($scope.data_inicial.getMonth() + 1); //Months are zero based
  var year =  $scope.data_inicial.getFullYear();

$ scope.fixedDate = year +“ - ”+ month +“ - ”+ date;

Answer 2

根据documentation判断，您可以使用属性进行格式化，例如。

如何更改Angular Bootstrap datepicker的输出格式？

2 个答案: