각도 ui-bootstrap datepicker의 형식을 변경하는 방법

Angularjs 버전 1.1.5와 Angular UI-bootstrap을 0.6.0으로 사용하고 있습니다. 이 yyyy-MM-dd 형식으로 선택한 날짜를 전달해야하지만 "Tue Feb 03 2015 00:00:00 GMT + 0530 (IST)"형식으로 표시됩니다. 나는 필터를 적용하려고 시도했으나 컨트롤러에서 {-dt}} 값만 ng-modal 값으로 변경하기 때문에 Tue Feb 03 2015 00:00:00 GMT + 0530 (IST) 형식을 사용 중입니다.각도 ui-bootstrap datepicker의 형식을 변경하는 방법

나는 유사한 질문을 검색하고 해답을 알려주지 만 나에게는 아직 운이 없다. 여기 내 코드가있다.

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; 
      }); 
     } 
    })

여기

내가 당신을 위해 plunker을 만들었습니다.

출처

2015-02-04 Sudarshan

-1

당신은 컨트롤러에서 이런 일을 시도 할 수 :

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

하고 함수에 $filter PARAM를 추가해야합니다 : 내가 링크를 준 plunker에 코드를 시도하십시오 응답하기 전에

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

출처

2015-02-04 13:29:40 rave

편집을 확인해주세요. 나를 위해 일하지 않습니다. – Sudarshan

두 번째 파트도 추가 했습니까? – rave

나는 한 지시어가 실제로 모달로 보내기 전에 날짜 형식을 필터링한다고 썼다. 내 문제가 해결되었다. 당신의 트릭이 나를 위해 일해 줘서 고맙습니다. – Sudarshan

각도 ui-bootstrap datepicker의 형식을 변경하는 방법

답변

관련 문제