https://github.com/mahdadghasemian/vue-date-time-picker-js
A vue plugin to select date and time
https://github.com/mahdadghasemian/vue-date-time-picker-js
Last synced: 6 months ago
JSON representation
A vue plugin to select date and time
- Host: GitHub
- URL: https://github.com/mahdadghasemian/vue-date-time-picker-js
- Owner: MahdadGhasemian
- Created: 2020-03-25T12:47:47.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2022-12-10T08:32:47.000Z (almost 3 years ago)
- Last Synced: 2025-03-18T15:59:26.046Z (7 months ago)
- Language: Vue
- Size: 2.58 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 20
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# vue-date-time-picker-js
A vue plugin to select date and time
[](https://www.npmjs.com/package/vue-date-time-picker-js)
See documentation and demo at [vue-date-time-picker-js](https://mahdadghasemian.github.io/vue-date-time-picker-js)
## Installation
### npm
```bash
npm install vue-date-time-picker-js --save
```
webpack.config.js:
```javascript
/**
* configuration for moment to ignore loading locales
*/
module.exports.plugins = [
//...
new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)
//...
]
```
### Usage
main.js
```javascript
//...
import VueDatetimePickerJs from 'vue-date-time-picker-js';
Vue.component('date-picker', VueDatetimePickerJs);
//...
```
Or in component
```html
import VueDatetimePickerJs from 'vue-date-time-picker-js'
export default {
data(){
return {
date: ''
}
},
components: {
datePicker: VueDatetimePickerJs
}
}
```
## You can also set default values:
main.js
```javascript
import VueDatetimePickerJs from 'vue-date-time-picker-js';
Vue.use(VueDatetimePickerJs, {
name: 'custom-date-picker',
props: {
inputFormat: 'YYYY-MM-DD HH:mm',
format: 'YYYY-MM-DD HH:mm',
editable: false,
inputClass: 'form-control my-custom-class-name',
placeholder: 'Please select a date',
altFormat: 'YYYY-MM-DD HH:mm',
color: '#00acc1',
autoSubmit: false,
//...
//... And whatever you want to set as default
//...
}
});
```
Then use in component
```html
```
## Built With
* [Vuejs](https://vuejs.org/) - The Progressive JavaScript Framework.
* [Moment.js](https://momentjs.com/) - Parse, validate, manipulate, and display dates and times in JavaScript.
* [vue-persian-datetime-picker](https://github.com/talkhabi/vue-persian-datetime-picker.git) - A vue plugin to select jalali date and time.
## License
This project is licensed under the MIT License
## Change log
### 1.0.2 (2020-03-25)
* Fix for package
### 1.0.1 (2020-03-25)
* Fix for package name
### 1.0.0 (2020-03-25)
* Fork from vue-persian-datetime-picker