将Bootstrap-Vue文本字段更改为mm / dd / yyyy格式的正确方法

问题描述

我使用Bootstrap-Vue组件并寻找一种将输入日期字段自定义为mm / dd / yyyy格式的方法。有适当的方法吗？

<b-input-group class="mb-3">
        <b-form-input
          id="example-input"
          v-model="dateOfBirth"
          type="text"
          placeholder="MM-DD-YYYY"
          locale="en-US"
          autocomplete="off"
        ></b-form-input>
        <b-input-group-append>
          <b-form-datepicker
            v-model="dateOfBirth"
            button-only
            right
            locale="en-US"
            :date-format-options="{ year: 'numeric',month: 'short',day: '2-digit',weekday: 'short' }"
            aria-controls="example-input"
          ></b-form-datepicker>
        </b-input-group-append>
      </b-input-group>

文档https://bootstrap-vue.org/docs/components/form-datepicker

解决方法

是否将每个组件设置为数字格式是否正确？

<b-form-datepicker
  :date-format-options="{ year: 'numeric',month: 'numeric',day: 'numeric' }"
  locale="en"
></b-form-datepicker>

礼物：9/16/2020