Vue-時間間隔表示時間の選択

一、template

              <el-date-picker
                placeholder="    "
                v-model="value[0]"
                type="datetime"
              >
              </el-date-picker
              ><span> </span>
              <el-date-picker
                :placeholder="    "
                v-model="value[1]"
                type="datetime"
              >
              </el-date-picker>
              <p>
                <span
                  >  {{
                    "（" +
                      unit +
                      "）：" +
                      dateConver(
                        value,
                        unit
                      )
                  }}</span
                >
              </p>

二、script

data(){
	return {
		value:[],
		unit:' '
	}
},methods:{
	dateConver(times, unit) {
      if (times.length !== 0 && times[0] && times[1]) {
        //          
        var beginTime = times[0];
        var endTime = times[1];
        var daysLong = "";
        if (Date.parse(endTime) > Date.parse(beginTime)) {
          daysLong = Date.parse(endTime) - Date.parse(beginTime);
        } else {
          daysLong = Date.parse(beginTime) - Date.parse(endTime);
        }

        if (unit == " ") {
          return (daysLong / 1000 / 60 / 60 / 24 / 30 / 12).toFixed(2);
        } else if (unit == " ") {
          return (daysLong / 1000 / 60 / 60 / 24 / 30).toFixed(2);
        } else if (unit == " ") {
          return (daysLong / 1000 / 60 / 60 / 24).toFixed(2);
        } else if (unit == "  " || unit == " ") {
          return (daysLong / 1000 / 60 / 60).toFixed(2);
        } else if (unit == "  " || unit == " ") {
          return (daysLong / 1000 / 60).toFixed(2);
        } else if (unit == " ") {
          return (daysLong / 1000).toFixed(2);
        }
      } else {
        return "";
      }
    }
}