https://github.com/restorando/angular-pickadate
angular-pickadate

A simple and fluid inline datepicker for AngularJS with no extra 
dependencies.

[image: 
pickadate]<https://github-camo.global.ssl.fastly.net/696f97fae9c4dd131349ba7e6dd631130ceaef35/687474703a2f2f696d672e6374726c762e696e2f696d672f353239346539363433363535322e6a7067>
<https://github.com/restorando/angular-pickadate#demo>Demo

View demo in a new window<http://embed.plnkr.co/gXP8xdsdP9nJIr0fi1RQ/preview>
<https://github.com/restorando/angular-pickadate#installation>Installation

1) Add the pickadate module to your dependencies

angular.module('myApp', ['pickadate']);

2) Use the pickadate directive in any element

<div pickadate ng-model="date"></div>

Pickadate is fluid, so it will take the width of the parent container.
<https://github.com/restorando/angular-pickadate#pickadate-options>Pickadate 
options 
<https://github.com/restorando/angular-pickadate#min-date-max-date>min-date, 
max-date

<div pickadate ng-model="date" min-date="minDate" max-date="maxDate"></div>

function MyAppController($scope) {
    $scope.minDate = '2013-11-10';
    $scope.maxDate = '2013-12-31';}

min-date and max-date take angluar expressions, so if you want to specify 
the values inline, don't forget the quotes!

<div pickadate ng-model="date" min-date="'2013-11-10'" 
max-date="'2013-12-31'"></div>

<https://github.com/restorando/angular-pickadate#disabled-dates>
disabled-dates

<div pickadate ng-model="date" disabled-dates="disabledDates"></div>

function MyAppController($scope) {
    $scope.disabledDates = ['2013-11-10', '2013-11-15', '2013-11-19'];}

<https://github.com/restorando/angular-pickadate#i18n>I18n

Pickadate uses angular $locale module. If you want to have the calendar in 
any other language, please include the corresponding AngularJS i18n files. 
You can get them here: http://code.angularjs.org/1.2.0-rc.2/i18n/

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/groups/opt_out.

Reply via email to