如何更改角度ui-bootstrap日期选择器的格式

Question

我正在使用1.1.5版的Angularjs和0.6.0版的Angular UI-bootstrap。 我需要以yyyy-MM-dd格式传递选定的日期，但我使用的是“ Tue Feb 03 2015 00:00:00 GMT + 0530（IST）”格式。 我尝试应用过滤器，但仅更改{{dt}}值而不更改ng-modal值，因此在控制器中，我得到的提示是2015年2月3日星期二00:00:00 GMT + 0530（IST）格式。

我搜索了类似的问题，并尝试了答案中给出的解决方案，但对我而言还算不上什么。 这是我的代码。

HTML代码：

 <div class="row">
        <div class="">
            <p class="input-group">
              <input type="text" class="form-control" datepicker-popup="yyyy-MM-dd" ng-model="dt.date" is-open="opened" />
              <span class="input-group-btn">
                <button type="button" class="btn btn-default" ng-click="opencal($event)"><i class="fa fa-calendar"></i></button>
              </span>
              <span class="btn btn-xs btn-success input-group-addon" id="check_availability" ng-click="check_availability(dt.date)"><i class="fa fa-search"></i></span>
              <span class="btn btn-xs btn-warning input-group-addon" id="basic-addon2" ng-click="reset_halls()"><i class="fa fa-close"></i></span>
            </p>
        </div>Selected date {{dt.date}}
    </div>

JS代码

app1.controller('HomeCtrl', function( $scope,$http,$q,$location,$window,$routeParams,$modal, $log) {
      $scope.opencal = function($event) {
        $event.preventDefault();
        $event.stopPropagation();
        $scope.opened = true;
      };
       $scope.check_availability=function(dt){
          alert("here I am getting date like this Tue Feb 03 2015 00:00:00 GMT+0530 (IST)"+dt);
          return $http({
            url:  'home/check_avail/'+dt,
            method: "POST"
          }).success(function(addData) {
                 $scope.hallinfo={};
                 $scope.hallinfo = addData;
          });
        }
    })

在这里，我为您制作了朋克 。

Answer 1

您可以在控制器中尝试以下操作：

alert("Here I want date in yyyy-MM-dd format\n" + $filter("date")(sdate, "yyyy-MM-dd"));

并且您应该在函数中添加$filter参数：

app1.controller('HomeCtrl', function($scope, $http, $q, $location, $window, $modal, $log, $filter) { ...