Я пытаюсь создать компонент, который выбирает диапазон дат в VueJS.От определенного ключа («в реальном времени», «сегодня», «вчера»), который компонент получает через реквизит или изменяет пользователь с помощью селектора, он возвращает:
- start / stopdate в виде объекта JS Date
- запуск / остановка представления человеком периода
- представление ключа человеком в соответствии с локалью.
Моя концептуальная цель состоит в том, чтобыиспользуйте такой компонент, как этот (недопустимый синтаксис, но он просто объясняет проблему):
Select your period:
<DateRangeSelector v-model="drskey" ref="drs">
Selected period: {{ drs.periodName }}
Dates: {{ drs.dateStartHuman }} to {{ drs.dateStopHuman }}
Обратите внимание:
- нет состояния VueX (в этом нет необходимости)хранить что-либо здесь в глобальном состоянии)
- я не хочу хранить ничего, кроме «ключа» в «родительском» компоненте
- ссылки не работают, потому что они неинициализируется в начале
Любые советы?