frnwtr / vue2-daterange-picker

Vue2 date range picker base on https://github.com/dangrossman/bootstrap-daterangepicker (no jQuery)

vue2-daterange-picker

Vue2 date range picker base on https://github.com/dangrossman/bootstrap-daterangepicker (no jQuery)

NOT READY FOR PRODUCTION YET

Demo

You can see a demo here: https://innologica.github.io/vue2-daterange-picker/

Installlation

# install via npm
npm i vue2-daterange-picker --save

Usage

import DateRangePicker from 'vue-daterange-picker/src/components/DateRangePicker'

export default {
    components: { DateRangePicker },
    data() {
        return {
            startDate: '2017-09-05',
            endDate: '2017-09-15'
        }
    }
}

<template>
    <date-range-picker :startDate="startDate" :endDate="endDate" @input="console.log(value)">
</template>

TODO

• documentation
• tests
• disabled dates
• make install function
• export single components

Run local demo

For detailed explanation on how things work, checkout the guide and docs for vue-loader.