angularjs-date-picker

angularjs-date-picker

Yet another date picker for Angularjs.

Installation

Install from npm:

npm install angularjs-date-picker

Usage

Prerequisites

Your app must include moment, angular and bootstrap (which will also require Jquery) before the date picker will render correctly.

Add them to your index.html:

  <link rel="stylesheet" href="bootstrap/dist/css/bootstrap.css">
  
  <script src="jquery/dist/jquery.js"></script>
  <script src="bootstrap/dist/js/bootstrap.js"></script>
  <script src="angular/angular.js"></script>
  <script src="node_modules/moment/min/moment.min.js"></script>

Additionally, you must add the directive source files:

	<script src="angularjs-date-picker/src/angularjs-date-picker.js"></script>
	<script src="angularjs-date-picker/src/angularjs-date-picker.template.js"></script>

Using the directive

Include the date picker module as a dependency in your module:

angular.module('my.module', ['ui.date.picker'])

Then use the tag in html controlled by that controller:

<div><date-picker></div>

Date Picker Attributes

The only exposed event is when a date is selected. Add the attribute onDateSelected to the html tag:

	<div><date-picker on-date-selected="fireDateChange(date)"></div>

onDateSelected takes a function with the input parameter of a Moment object. Your outer function passed to the directive could look like this:

	function fireDateChange(date){
		var currentDate = date.format('YYYY-MM-DD');
	}

License

Licensed under the MIT/BSD license.