d-datepicker
Version:
Datepicker component for Derby
49 lines (32 loc) • 1.27 kB
Markdown
# d-datepicker
Datepicker component for Derby.
<p align="center"><img src="https://raw.githubusercontent.com/icaliman/d-datepicker/gh-pages/images/datepicker-inline.png" alt="Screenshot of datepicker component"/></p>
Please note that this project is inspired by [Bootstrap-datepicker](https://github.com/eternicode/bootstrap-datepicker), and makes use of a css-file from that project.
## Features
* Datepicker tied to a standard form input field.
* Inline datepicker.
* Localized datepicker.
## Format
Dates set by datepicker will be in the format `YYYY-MM-DD` (2014-04-16).
## TODO
* Use personalized formats for dates.
## Usage example
First of make sure to install d-datepicker through npm `npm install d-datepicker`.
### Including
```js
app.use(require('d-datepicker'));
```
### In template
```html
<Body:>
<!-- datepicker tied to a standard form input field -->
<datepicker active="{{post.date}}"></datepicker>
<!-- inline datepicker -->
<datepicker active="{{post.date}}" inline></datepicker>
<!-- localized datepicker -->
<datepicker active="{{post.date}}" inline lang="fr"></datepicker>
```
### Retrieve data
```js
var pickedDate = model.get('post.date');
```