Как вернуть обе даты в input?

Question

[fisherspoons]

Использую v-calendar, интересует вопрос как вернуть обе даты при выборе периода в один input, в виде 01.02.2021 - 02.02.2021

https://codesandbox.io/s/keen-engelbart-6dyk5?file...

Answer 1

[Сергей Соколов]

const DTF = new Intl.DateTimeFormat('ru-RU');

export default {
  name: "App",
  data() {
    return {
      dateRange: { start: new Date(), end: new Date() },
    };
  },
  computed: {
    display_value() {
      return [this.dateRange.start, this.dateRange.end].map(DTF.format).join(" - ");
    }
  },
};

и выводить в :value этот display_value.

https://codesandbox.io/s/wizardly-pateu-8rn6h?file...

Comments

[fisherspoons]

Спасибо! А есть вариант как вывести placeholder по нормальному? Единственное что придумал

display_value() {
if(this.dateRange.start && this.dateRange.end){
return [this.dateRange.start, this.dateRange.end].map(DTF.format).join(" - ")
}
}

[Сергей Соколов]

fisherspoons, да и так хорошо. Логика очевидна.