vue 输入天数 小时 显示日期

vue 输入天数 小时 显示日期

监听用户输入

 <el-input v-model="form.duration" @blur="durationchang(form.duration)" placeholder="请输入例如: 1天12时"></el-input>

用户输入 进行数组分割计算

durationchang(e) {
        // 天数转日期
        var date1 = e.split('天')[0]
        console.log(date1)
         var date2 = e.split('天')[1].split('时')[0]
        var d = new Date();
        var timer = d.getTime() + (date1 * 24 * 60 * 60 * 1000);
        var hours = d.getHours() + (date2 * 3600 * 1000)
        d.setTime(timer+hours);
        console.log(d.toLocaleString())
        this.form.date = d
      },

效果