Vue.js Vue格式日期从DD-MM-YYYY到MM-DD-YYYY

我是Vue Js的新手。我已经使用

vue date下拉列表添加了下拉列表日期

。当前日期下拉列表的格式为DD-MM-YYYY，是否有办法将其更改为MM-DD-YYYY

用于vue日期下拉列表的程序包链接

我的观点

/**我尝试使用：format date选项，但它不起作用**/

这是我现在的日期下拉列表。它以DD-MM-YYYY格式显示。是否有办法将此UI代码更改为MM DD YYYY格式

这是我上传到

jsfiddle

---

您可以使用“时刻”并将日期更改为任何格式：

时间（此日期为出生年月日）格式（年月日）

像这样：

<template>
  <div>
    <date-dropdown
      default="1993.02.27"
      min="1940"
      max="2020"
      :months-names="months"
      :format="'MM.DD.YYYY'"
      v-model="date_of_birth"
      id="dateDropdownDesign"
    >
    </date-dropdown>
    /** i tried to use :format date option , but it did not work **/
  </div>
</template>

<script>
import DateDropdown from "vue-date-dropdown";
import moment from "moment";

export default {
  components: {
    DateDropdown,
  },
  data() {
    return {
      date_of_birth: "",
      new_date_of_birth: "",
      months: "",
    };
  },
  watch: {
    date_of_birth() {
      this.new_date_of_birth = moment(this.date_of_birth, "DD.MM.YYYY").format("MM.DD.YYYY");
      console.log(this.date_of_birth);
      console.log(this.new_date_of_birth);
    },
    months() {
      console.log(this.months);
    },
  },
};
</script>

/**我尝试使用：format date选项，但它不起作用**/
从“vue日期下拉列表”导入日期下拉列表；
从“时刻”中导入时刻；
导出默认值{
组成部分：{
日期下拉列表，
},
数据（）{
返回{
出生日期：“，
新出生日期：“，
月份：“，
};
},
观察：{
出生日期{
this.new_date_of_birth=时刻（this.date_of_birth，“DD.MM.YYYY”）。格式（“MM.DD.YYYY”）；
console.log（此为出生日期）；
console.log（这是新的出生日期）；
},
月份（）{
console.log（这个月）；
},
},
};

更适合使用JSFIDLE。我建议选择其他组件。任何返回字符串而不是实际的

date

对象的“日期选择器”都是可笑的，您无法对该组件执行您想要的操作。看看这个世界；该模板硬编码显示“日-月-年”。选择一个不同的组件或分叉此组件并创建您自己的版本可能我不清楚。UI的日期下拉列表显示为DD MM YYYY。是否有办法将datedropdown更改为MM DD YYYY，以便显示。