1.0.21 • Published 4 years ago
vue-call-next v1.0.21
vue-call-next
Simple calendar with selectable dates
Example App
try out this Code Sandbox
Installation
npm install --save vue-call-next
Installing the plugin will globally add the vue-call-next
component to your project.
//main.js
import Call from 'vue-call-next'
Vue.use(Call)
But you can also import the standalone component to add locally or for more complex installations.
// foo.vue
import { Call } from 'vue-call-next'
export default {
components: {
Call,
},
}
CSS
you will need to explicitly import this css file in your project.
import 'vue-call-next/call.css'
Basic Usage
You can pass an array of cal objects through the props
<vue-call-next :start="startDate" :helper="false" @set-dates="(start, end) => {startDate = start; endDate = end}" placeholder="change" />
...
<script>
...
data() {
return {
startDate: '2010-01-01',
endDate: '2010-01-01',
}
}
...
</script>
Param | Default | Description |
---|---|---|
start | NOW() | date started, format: YYYY-MM-DD |
days-name | [ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ] | array with day name |
month-name | [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ] | array with month name |
min-year | 2000 | Minimal year to change |
range | true | enable or disable range change |
placeholder | click | text to input placeholder |
1.0.21
4 years ago
1.0.20
4 years ago
1.0.19
5 years ago
1.0.18
5 years ago
1.0.17
5 years ago
1.0.16
5 years ago
1.0.15
5 years ago
1.0.14
5 years ago
1.0.13
5 years ago
1.0.12
5 years ago
1.0.11
5 years ago
1.0.10
5 years ago
1.0.9
5 years ago
1.0.8
5 years ago
1.0.7
5 years ago
1.0.6
5 years ago
1.0.5
5 years ago
1.0.4
5 years ago
1.0.3
5 years ago
1.0.2
5 years ago
1.0.1
5 years ago
1.0.0
5 years ago