0

[![

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<b-form-datepicker
    @input="onChangeDate"
    :state="isCorrectPeriod"
    value-as-date 
    size="sm"
    id="date-first-part-repo"
    v-model="form.SPCEX_DOC.document.selection_info.selection_info_rec.paying_date"
    :min="dateConstraints.min"
    type="date"
    placeholder="Выберите дату"
    >
</b-form-datepicker>

текст, выделенный жирным шрифтом]1]1

Не нашла нужного свойства для изменения отображения даты в поле, может кто сталкивался с кастомизацией компонентов данной библиотеки? Bootstrap-vue

UPD: 1. Использовать для форматирования даты :date-format-options="{ year: 'numeric', month: 'numeric', day: 'numeric' }". 2. Если первый способ не сработал, проверить версию bootstrap, если устарела, то обновить.

1 ответ 1

0

Вам нужен props dateFormatOptions.

<b-form-datepicker
  id="datepicker-dateformat2"
  :dateFormatOptions="{ year: 'numeric', month: 'numeric', day: 'numeric' }"
  locale="en"
></b-form-datepicker>

Выведет: mm/dd/yyyy

Подробнее читайте в документации.

2
  • спасибо! Такой вариант пробовала, не сработал. Но я нашла в чем ошибка, моя версия bootstrap устарела 2.1, а нужно 2.6)
    – Nastya
    5 мар 2020 в 13:13
  • Рад помочь :) @Nastya
    – ccxdec
    5 мар 2020 в 15:32

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.