각도 JS 형식으로 날짜 선택 도구를 사용하는 방법?

Question

angularJS 양식에 날짜 선택 도구를 추가하는 방법, 날짜 선택 도구 달력을 사용하려는 양식이 있습니다. 캘린더에서 날짜를 선택하면 필드에 날짜가 표시됩니다.

Answer 1

사용자 각도-UI를 datapicker

<div style="display:inline-block; min-height:290px;"> 
    <datepicker ng-model="dt" min-date="minDate" show-weeks="true" class="well well-sm"></datepicker> 
</div> 

, 링크 http://angular-ui.github.io/bootstrap/

우리가

당신이 bootstrap.css을 다운로드해야

을 필요로하는 모든 각도 컨트롤을 데 아래로 통과하십시오 당신은 할 수 있습니다 ui-bootstrap js 및 기타 종속성. 당신은 또한 당신이해야 할 모든 것이 여기에 주어진

angular.module('myModule', ['ui.bootstrap']); 

아래처럼 모듈에 라이브러리를 추가 : http://angular-ui.github.io/bootstrap/는

Answer 2

내 진짜 마음에 드는입니다 : https://github.com/adamalbrecht/ngQuickDate

가 없습니다 및 종속성 작은.

직접 해보고 싶다면 다른 사람들이 어떻게했는지 확인해보십시오. 기본적으로 범위를 지시문에 표시하고 거기에서 조작합니다.

Answer 3

이 너무 좋아 https://720kb.github.io/angular-datepicker/

봐 나에게 가장 적합한 미세

편집 작동합니다 : 당신은 날짜 선택기 각도를 사용할 수 있습니다

합니다. 당신은이 작업을 수행 할 수

는

<div ng-app="myApp"> 
    <div ng-controller="Ctrl as ctrl"> 
    <input datepicker type="text" ng-model="myDate"/> 
    </div> 
</div> 

이 자바 스크립트

var app = angular.module('myApp', ['720kb.datepicker']); 

app.controller('Ctrl', ['$scope', function ($scope) { 
    var liveDate; 

    $scope.$watch('myDate', function (value) { 
    try { 
    liveDate = new Date(value); 
    } catch(e) {} 

    if (!liveDate) { 

     $scope.error = "This is not a valid date"; 
    } else { 
     $scope.error = false; 
    } 
    }); 
}]); 

그리고 라이브러리를 추가하는 것을 기억에 HTML을

입니다. 희망을드립니다.