Skip to content

16code/ngDatepicker

Repository files navigation

AngularJS DateTime Picker

Requirements

AngularJS v1.5.3+

Browser support

Chrome Firefox IE Opera Safari
IE10 +

Example

https://16code.github.io/ngDatepicker/

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

About

AngularJS DateTime Picker Without JQuery use Moment

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published