mint-ui,日期插件,默认NAN解决

 import {DatetimePicker} from 'mint-ui'; //引入时间插件//script引入

html里:

  • 生日:
               
            

             //注意:带s的,自己命名的

            
             
             

  •       ref="picker"
          type="date"//年月日
          year-format="{value} Y"//自定义Y,可以是“年”
          month-format="{value} M"
          date-format="{value} D"
          v-model="pickerVisible"//字母后不带s插件自带的
          :startDate="startDate"//开始时间
          :endDate="endDate"//结束时间
          @confirm="handleConfirm">//点击确定按钮
       

    data里:

    pickerVisibles: '',//自定义带s

    pickerVisible:'',

    startDate: new Date('1807'),//设置开始时间根据自己的需要

    endDate: new Date('2018'),//设置结束时间

    方法一:

    pickerVisible:new Date(),

    methods里:

     //打开日期选择
          openPicker() {
            this.$refs.picker.open();
          },

    //    点击日期确定
          handleConfirm(value) {
            this.$refs.picker.close();//关闭日期选择

    方法一:

           this.pickerVisibles = this.formatDate(this.$refs.picker.value)

    方法二:
    //        转化国际时间
            var d = new Date(this.pickerVisible);
    //        console.log(d.getMonth())

    //解决默认  NAN NAN NAN  Bug
            if (d.getMonth() >= 0) {
              let month = (d.getMonth() + 1) < 10 ? ('0' + (d.getMonth() + 1)) : (d.getMonth() + 1)
              let day = (d.getDate()) < 10 ? ('0' + (d.getDate())) : (d.getDate())
              let times = d.getFullYear() + '-' + month + '-' + day;
              this.pickerVisibles = times//注意pickerVisibles带s
            } else {
              this.pickerVisibles = "1807-01-01"//设置的开始日期
            }
    //        let time=d.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.getDate();


          },

    你可能感兴趣的:(mint-ui,日期插件,默认NAN解决)