如何更改 b-input 日期类型格式？

Question

我使用 bootstrap-vue b-input 和 type='date'，默认日期格式显示为 dd/MM/yyyy。如何将其更改为 dd-MM-yyyy？

<b-form-group :invalid-feedback="errors.first('birth_date')"
                  :state="!errors.has('birth_date')"
                  class="col-sm-4"
                  label="Birth Date"
                  label-for="new-employer-owner-birth-date">
      <b-input :state="!errors.has('birth_date')"
               id="new-employer-owner-birth-date"
               name="birth_date"
               type="date"
               v-model="newOwner.birth_date"
               v-validate.disable="validation.birth_date">
      </b-input>
    </b-form-group>

我在'type' 属性之后添加了:formatter="formatDate"，但它也不起作用。

Answer 1

newOwner.birth_date 的格式应为 YYYY-MM-DD

如果你使用 moment()，你可以像这样格式化你的日期

const unformattedDate = yourDate;

newOwner.birth_date = moment(unformattedDate).format("YYYY-MM-DD");