showonne / vue-date

A datepicker component for Vue.js
https://showonne.github.io/vue-date/
MIT License
156 stars 65 forks source link

【feature】希望能实现时间范围选择的功能 #1

Closed hxlniada closed 8 years ago

hxlniada commented 8 years ago

现在我们需要一个选择时间换围的功能,请问有计划实现么?

showonne commented 8 years ago

昨天没及时回复,时间范围的话可以通过两个日期选择框实现相同目的,最初设计时没有考虑选择范围的情况,如果需要后续可以实现,不过要过几天的,最近有其他事情。。。

showonne commented 8 years ago

@hxlniada 选择时间范围功能已经实现了,需要为value绑定的值为一个数组,即范围起始时间和范围结束时间,效果可以在demo页面上看一下。需要传入:range=true,绑定的值对应变为一个数组,eg:

//template
<datepicker language="ch" :value.sync="range" class="picker picker-range" :min.sync="start" max="2020-01-08" :range=true></datepicker>
//script
export default {
    data () {
        return {
            range: ['2016-08-12', '2016-09-20']
        }
    },
    components: { datepicker }
}