Setting a default date range error

[craigwillis85]

I'm trying to set a default date, using the initRange prop, but I'm getting an error.

I have a data property called dateRange

    data: function () {
        return {
            dateRange: {
                'start': '2018-09-14',
                'end': '2018-09-15',
            }
        }
    }

Which I'm passing to the component:

<vue-rangedate-picker @selected="onDateSelected" i18n="EN" righttoleft="false" initRange="dateRange"></vue-rangedate-picker>

But this is throwing the following error:

[Vue warn]: Invalid prop: type check failed for prop "initRange". Expected Object, got String.

This is odd, since the prop I'm passing is an object, unless I'm mistaken?

[mediavariance]

I believe your initRange needs to be prefixed with a colon:
<vue-rangedate-picker @selected="onDateSelected" i18n="EN" :righttoleft="false" :initRange="dateRange"></vue-rangedate-picker>

[kiasyn]

using :init-range worked for me

[craigwillis85]

using :init-range worked for me

Unfortunately, this hasn't worked either. I still don't see any default values in the datepicker

[kiasyn]

ah, I may be using the winslow fork... https://github.com/gwindes/vue-rangedate-picker-winslow

[jinfeicheng]

It's worked for me. Try like this:
Use this forked version instead of the origin version.
https://github.com/gwindes/vue-rangedate-picker-winslow
(this week as default )
<vue-rangedate-picker :initRange="datePickerConfig.initRange"
const datePickerConfig = {
initRange: {
start: moment().startOf('week').add(2,'days')._d,
end: moment().startOf('week').add(8,'days')._d
}
}