Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rikulo/bootjack-datepicker
Date picker for Bootjack
https://github.com/rikulo/bootjack-datepicker
calendar dart datepicker
Last synced: 7 days ago
JSON representation
Date picker for Bootjack
- Host: GitHub
- URL: https://github.com/rikulo/bootjack-datepicker
- Owner: rikulo
- License: apache-2.0
- Created: 2013-09-16T08:41:42.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2024-07-19T05:31:27.000Z (4 months ago)
- Last Synced: 2024-07-19T13:56:53.721Z (4 months ago)
- Topics: calendar, dart, datepicker
- Language: Dart
- Homepage: https://quire.io
- Size: 1.03 MB
- Stars: 17
- Watchers: 8
- Forks: 9
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Bootjack Datepicker
Bootjack datepicker component is a datepicker component of [Bootjack](http://github.com/rikulo/bootjack).
* [API Reference](https://pub.dev/documentation/bootjack_datepicker/latest/)
* [Git Repository](https://github.com/rikulo/bootjack-datepicker)
* [Discussion](http://stackoverflow.com/questions/tagged/rikulo)
* [Issues](https://github.com/rikulo/bootjack-datepicker/issues)
## Install from Dart Pub Repository
Include the following in your `pubspec.yaml`:
dependencies:
bootjack_datepicker: any
Then run the [Pub Package Manager](http://pub.dartlang.org/doc) in Dart Editor (Tool > Pub Install). If you are using a different editor, run the command
(comes with the Dart SDK):
pub install
## Usage
First of all in your HTML file, you need to include the CSS resource:
```html
...
```
### Embedded calendar
To create a calendar component to your HTML page, add `class="calendar"` to the element you want to attach to (most typically this would be the `
`),
then you can specify `data-date` and `data-format` to the element for specify a default value and date format.
```html
```
Then call the following global registration in Dart:
```javascript
void main() {
Calendar.use();
```
### Datepicker
Using a calendar component in a dropdown div element as a date picker component, add `class="calendar"` to the element you want to attach to,
then add the `data-target` attribute with the ID or class of the element that you want to display the date value.
```html
```
Then call the following global registration in Dart:
```javascript
void main() {
Calendar.use();
}
```
Check more [examples](https://github.com/rikulo/bootjack-datepicker/tree/master/example).
## Notes to Contributors
### Test and Debug
You are welcome to submit [bugs and feature requests](https://github.com/rikulo/bootjack-datepicker/issues). Or even better if you can fix or implement them!
### Fork Bootjack Datepicker
If you'd like to contribute back to the core, you can [fork this repository](https://help.github.com/articles/fork-a-repo) and send us a pull request, when it is ready.
Please be aware that one of Rikulo's design goals is to keep the sphere of API as neat and consistency as possible. Strong enhancement always demands greater consensus.
If you are new to Git or GitHub, please read [this guide](https://help.github.com/) first.
## Who Uses
* [Quire](https://quire.io) - a simple, collaborative, multi-level task management tool.
* [Keikai](https://keikai.io) - a sophisticated spreadsheet for big data