https://github.com/nkoehring/vuedt
super lightweight Vuejs Date and Time picker component with decent UI and full i18n support
https://github.com/nkoehring/vuedt
Last synced: 5 months ago
JSON representation
super lightweight Vuejs Date and Time picker component with decent UI and full i18n support
- Host: GitHub
- URL: https://github.com/nkoehring/vuedt
- Owner: nkoehring
- Created: 2017-04-05T00:36:01.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2022-12-09T08:15:55.000Z (almost 3 years ago)
- Last Synced: 2024-04-14T19:31:04.660Z (over 1 year ago)
- Language: Vue
- Homepage: https://nkoehring.github.io/vuedt/
- Size: 1.76 MB
- Stars: 9
- Watchers: 3
- Forks: 1
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
- awesome-vue - vuedt - super lightweight Vuejs Date and Time picker component with decent UI and full i18n support (UI Components [🔝](#readme))
- awesome-vue-zh - vuedt - **[没有维护]**疯狂轻量级 (5.5kb!) Vuejs日期和时间选择器组件具有漂亮的动画而不是太多的模糊. (UI组件 / 形成)
- awesome-vue - vuedt - Crazy lightweight (<5kb!) Vuejs Date and Time picker component with i18n support, nice animations and not too much fuzz. (Components & Libraries / UI Components)
- awesome-vue - vuedt ★5 - **[unmaintained]** Crazy lightweight (5.5kb!) Vuejs Date and Time picker component with nice animations and not too much fuzz. (UI Components / Form)
- awesome-vue - vuedt - **[unmaintained]** Crazy lightweight (5.5kb!) Vuejs Date and Time picker component with nice animations and not too much fuzz. (UI Components / Form)
README
VueDT
=====
Super lightweight Vuejs Date and Time picker component with i18n support. Only 3.3kb minified and gzipped!
Screenshots
-----------
There are also nice animations 'n stuff.
Usage
-----
Simple standard example for a date and time picker that is initialized with a data value:
```html
// don't forget to import the styles
import 'vuedt/dist/vuedt.css'
import VueDT from 'vuedt'
export default {
components: { VueDT },
data () {
return {
date: new Date()
}
}
}
```
More possibilities:
```html
import 'vuedt/dist/vuedt.css'
import VueDT from 'vuedt'
export default {
components: { VueDT },
data () {
return {
date: new Date()
}
}
}
```
See [the Date toLocaleString MDN page](https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleString) for all possible possible locale options.
Planned features
----------------
* better way to store translations
* black listing or white listing of dates and date ranges
* highlighting of particular dates, date ranges and columns
* (limited?) theming support
Contributing
------------
**This project is still in beta!**
Please help making it stable by testing and submitting issues and pull requests.