AngularJS DateTime Picker
Requirements
AngularJS v1.5.3+
Browser support
Chrome | Firefox | IE | Opera | Safari |
---|---|---|---|---|
✔ | ✔ | IE10 + | ✔ | ✔ |
Examples
Load
<!DOCTYPE HTML>
<html>
<head>
<link href="dist/css/ngDatepicker.min.css" rel="stylesheet" type="text/css" />
</head>
<body ng-app="app">
<script src="dist/ngDatepicker.min.js"></script>
</body>
</html>
Add module dependency
angular.module('app', ['ngDatepicker']);
Call the directive wherever you want in your html page
<datepicker ng-model="defaultDate"></datepicker>
DOC
Option | Type | Default | Description |
---|---|---|---|
ng-model | String(new Date()) or Date Object | - | Set a default date to show and init datepicker |
date-format | String | YYYY-MM-DD | Set the date format you want to use |
date-min | String | - | Set a minimum date limit |
date-max | String | - | Set a maximum date limit |
date-disabled-weekdays | String(Array[1, 5, …]) | - | Disable specific weekdays using an Array of weeks number |
time-picker | String(Boolean) | false | Set the datepicker show timepicker |
datepicker-visibility | Boolean | false | Set the datepicker visibility |
allow-clear | String(Boolean) | false | Whether to show clear button |
placeholder | String | - | Set the input placeholder |
required | String(Boolean) | false | Set the input is required |