vue农历日期组件

如题需求需要使用带有农历的日期选择客户生日。

参考：https://toscode.gitee.com/tuhe32/vue-jLunar-datePicker

引入

npm install vue-jlunar-datepicker --save

页面引用

使用组件

样式修改，原组件宽度写死了px，如果有响应式布局的需求需要自行修改  JDatePicker.vue

 
class="full-jcalendar" :style="{width:handleWidth}">

 computed: {
      handleWidth: function () {
        let w = this.width.toString();
        if (w == null || w == '') {
          return 200;
        }
        return w;
      },
    },

  width: {
        type: String,
        default: '100%',
      },

使用效果，弹出值

onDateChange(val) {
      this.form.birthdaydate = val;
      alert(this.form.birthdaydate);
    }