0.0.3 • Published 2 years ago
vue3-simple-datepicker v0.0.3
Just a classic datepicker library for vue3
Demo
See online : Demo
Install
npm i vue3-simple-datepicker --saveUsage
Warning Your Datepicker components must implement v-model
<template> <Datepicker v-if="datepicker_opened" v-model="date"/> </template>
### Add style in main.ts or main.js
```javascript
import "node_modules/vue3-simple-datepicker/dist/style.css";v-model must be a Date object
const date = ref(new Date());
<Datepicker v-model="date"/>event
<Datepicker @on-cancel="onCancel" @on-done="onDone"/>Props
| Props | Type | Default | Description |
|---|---|---|---|
| v-model | Date | Now | Date selected in datepicker |
| month_name | string[] | Months name used in datepicker | |
| days_names | string[] | 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su' | Days name used in lib (only first two characters) |
| now_button | boolean | false | Add a button between close and done for set to now the datepicker |
Events
| Events | Output | Description |
|---|---|---|
| onCancel | Event | The user clicked on Cancel button |
| onDone | Date | The user clicked on Done button |