modulr / mdr-angular-datepicker

Bootstrap Datepicker for Angular

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Angular Bootstrap Datepicker

Angular Bootstrap Datepicker is an Angularjs component that can replacement for datepicker boxes.

##Features

  • Uses the native Angularjs scope for data binding
  • Fast and lightweight
  • Formats support

##Requirements

##Quick start

Several quick start options are available:

  • Download the latest release
  • Clone the repo: git clone https://github.com/modulr/mdr-angular-datepicker.git.
  • Install with Bower: bower install mdr-angular-datepicker.
  • Install with npm: npm install mdr-angular-datepicker.

##What's included

mdr-angular-datepicker/
  dist/
    ├── mdr-datepicker.js
    └── mdr-datepicker.min.js

##Documentation

####Usage

######Load JS

<script href="mdr-angular-datepicker/dist/mdr-datepicker.min.js"></script>

######Code

angular.module('MyApp', ['mdr.datepicker'])

######HTML View or Templates

Basic Directive

<mdr-datepicker model="input" date="output"></mdr-datepicker>

Complete Directive (All attributes)

<mdr-datepicker input="input" output="output" format="d/M/yyyy" lang="es" zindex="10000" placeholder="dd/M/yyyy" disabled="true" required="true"></mdr-datepicker>

####API

######Attributes

Attribute Type Description
input date Set date (Input).
output date Get date (Output).
format string It is date format.
lang string It is language of datepicker.
zindex string It is z-index of datepicker.
placeholder string Text into placeholder.
disabled boolean If required disable the component is marked as true.
required boolean If is required the component is marked as true.

##How to contribute

All contributions are very welcome, We love it. There are several ways to help out:

  • Create an issue on GitHub, if you have found a bug
  • Write test cases for open bug issues
  • Write patches for open bug/feature issues, preferably with test cases included
  • Contribute to the documentation

There are a few guidelines that we need contributors to follow so that we have a chance of keeping on top of things.

If you want to making changes Better avoid working directly on the master branch, to avoid conflicts if you pull in updates from origin, so, if make your contribution under the branch dev, into folder src/.

##Community

  • Implementation help may be found at Stack Overflow (tagged mdr-datepicker).

##Creators

@AlfredoBarronC

Copyright and license

Code and documentation (c) Copyright 2015 Modulr. Code published under license MIT

About

Bootstrap Datepicker for Angular

License:MIT License


Languages

Language:JavaScript 100.0%