VueJS - 如何使用 flatpickr 只选择月份和日期，而不是年份

Question

我想在我的 Vue 项目中创建一个平面选择器，以便用户只输入他们的出生月份和出生日期，而不是出生年份。这背后的原因是很多客户拒绝提供完整的出生日期，而更愿意只提供月份和日期。

我知道如何在我的 Vue 项目上创建日期选择器，例如：

*CustomerModal.vue*
<template>
  ...
  
          <flat-picker
            :config="dpconfig"
            class="form-control datepicker"
            v-model="end_date"
            :placeholder="$t('End Date')"
            ref="End Date"
            name="end_date"
          >
          </flat-picker>

...
</template>

import flatPicker from "vue-flatpickr-component";

export default {
  components: {
    flatPicker,
  },
  data: {
    dpconfig: {
      wrap: true,
      altInput: true,
      dateFormat: "Y-m-d",
      altFormat: "Y-m-d",
      ariaDateFormat: "Y-m-d",
    },
  },

以上代码将创建一个日期选择器。它有年、月、日。但是，如果我只想向用户询问月份和日期，我该怎么办？

谢谢！

Answer 1

将日期格式更改为 "m-d" 即可。

 export default {
  components: {
    flatPicker,
  },
  data: {
    dpconfig: {
      wrap: true,
      altInput: true,
      dateFormat: "m-d",
      altFormat: "m-d",
      ariaDateFormat: "m-d",
      onOpen : function(event){
      let instances = document.getElementsByClassName("flatpickr-month");
      for(let i= 0; i< instances.length; i+=1)
        {
          instances[i].style.display="none";
        }
    }
    },
  },
}

VueJS - 如何使用 flatpickr 只选择月份和日期，而不是年份

VueJS - How to use flatpickr to only choose month and day, but not year

javascript

vue.js

flatpickr