owumaro / vue-date-range-picker Goto Github PK

View Code? Open in Web Editor NEW

27.0 4.0 14.0 353 KB

A vue component using Bootstrap 4 styles for date range selection

License: MIT License

JavaScript 0.95% HTML 2.94% Vue 96.11%

vue-components vue range-picker datepicker range-selection daterange-picker

vue-date-range-picker's Issues

Change style

Hi,

I'm looking for changing the style of the elements inside the component.

Is there a way to do it ?

Thanks

How to apply it with input form ?

Hi ,
I am wondering how to apply it with input form
Thanks in advance.

Remove bootstrap dependency

It would be great if this component implemented its own CSS styles and didn't depend on Bootstrap.

How you pass cutom range in props ?

I've tried to change the preselected range like "curremntMonth" and lastMonth. the doc says { currentMonth: { ... }, lastMonth: { ... } }` | Predefined ranges displayed in select menu(s)
So based on this and the DateRangePicker.vue I've tried a lot of things like this :

<date-range-picker v-on:submit="submitted" :range="currentMonth: {label: 'Current dddmonth',startDate: '2019-01-01',endDate: '2019-01-02'}, lastMonth: {label: 'Last msdfsdfonth',startDate: '2019-01-01',endDate: '2019-01-02'}"/>
but it doesn't work. I can't replace the default one.

Recommend Projects