1.0.7 • Published 7 years ago
lemaf-vue-range-picker v1.0.7
Lemaf Vue Range Picker
Componente Vue para seleção de intervalos de datas.
Como usar
- Importar o componente
import LemafRangePicker from 'lemaf-vue-range-picker' Importar o css
import 'lemaf-vue-range-picker/dist/lemaf-vue-range-picker.css'Incluir o componente:
<lemaf-range-picker @selected="onRangeSelected" v-bind="config"></lemaf-range-picker>
Evento
O evento select retorna um objeto com os atributos inicio e fim, cada um deles com uma instância Date equivalente ao intervalo selecionado. Exemplo:
range{
inicio: Wed Jan 01 2014 00:00:00 GMT-0200 (-02),
fim: Mon Dec 31 2018 00:00:00 GMT-0200 (-02)
}Configurações do componente
É possível modificar alguns parâmetros do componente, como cores e ano inicial dos intervalos através do parâmetro config. Exemplo:
config: {
anoInicial: 1992,
styles: {
baseColor: '#FFA726',
overColor: 'white'
}
}