开源软件名称（OpenSource Name）：

开源软件地址(OpenSource Url)：

开源编程语言(OpenSource Language)：

开源软件介绍(OpenSource Introduction)：

Angular 2 Material Datepicker

A minimalist datepicker library for Angular 2

Installation

npm install angular2-material-datepicker

Usage

Import the Datepicker Module and add it to the imports of your module

import { DatepickerModule } from 'angular2-material-datepicker'

@NgModule({
  imports: [ DatepickerModule ],
  declarations: [ ... ],
  bootstrap: [ ... ]
})
export class YourModule { }

If you already have a module of the same name, you can create an alias

import { DatepickerModule as YourAlias } from 'angular2-material-datepicker'

Call the component from within a template

<material-datepicker [(date)]="yourModelDate"></material-datepicker>

and you're set!

API

The datepicker component can be called with no arguments. See the Angular 2 Documentation for how to communicate with child components. If you use an event emitter, the datepicker component has an emitter called onSelect (when the date is picked), and dateChange (for two-way binding).

Optional parameters are listed below.

CSS

The css is inlined and autoprefixed to support the last two versions of major browsers as of 2016/9/20

Animation

The animation between months uses the angular 2 animation api. Check out caniuse to see what the browser compatibility status is for these animations. For incompatible browsers, a polyfill is required. Grab web-animations.min.js from GitHub and add it to your page.

Todo

• Possibly make the ranges impact selection on a more granular level by preventing days, not just months, from being selected.

License

MIT