js 时间间隔比较

时间比较内联代码片。

// A code block
var foo = 'bar';

// An highlighted block
    <el-form
      label-width="90px"
      :inline="true"
      v-for="(item, index) in timedata"
      :key="index"
    >
      <el-form-item>
        <!-- 每个时间相隔30分钟 -->
        <el-form-item label="时间点" prop="username">
          <el-time-picker
            v-model="item.time"
            format="HH:mm"
            value-format="HH:mm:ss"
            @blur="HandsBlur(item,index)"
          >
          </el-time-picker>
          <!-- <span>至</span>
          <el-time-picker
            v-model="item.end_time"
            format="HH:mm:ss"
            value-format="HH:mm:ss"
          >
          </el-time-picker> -->
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="addTiming(index)">增加</el-button>
          <el-button type="danger" @click="removeTiming(index)">删除</el-button>
        </el-form-item>
      </el-form-item>
    </el-form>

//事件
 HandsBlur(val, index) {
      let startTime = this.timedata[index - 1].time //上一个
      let valTime = val.time
      let endTime = this.timedata[index + 1].time //下一个
      this.timeDifference(startTime, valTime, endTime)
    },
      //计算时间差（相差分钟）
    /**
     * 上一个时间 startTime
     * 对比时间  valTime
     * 下一个时间endTime
     */
    timeDifference(startTime, valTime, endTime) {
      var start1 = startTime.split(':')
      var startAll = parseInt(start1[0] * 60) + parseInt(start1[1])

      var compare = valTime.split(':') // 比较
      var compareAll = parseInt(compare[0] * 60) + parseInt(compare[1])

      var end1 = endTime.split(':')
      var endAll = parseInt(end1[0] * 60) + parseInt(end1[1])
      console.log(startAll, compareAll, endAll, '全部时间')
      console.log('时间差===' + (endAll - startAll))
    },

下面展示一些 内联代码片。

// A code block
数据结构

// An highlighted block
data(){
return {
timedata:[
        {
              id: 32,
              carrier_id: 237,
              time: '13:39:19',
            },
            {
              id: 19,
              carrier_id: 237,
              time: '13:51:38',
            },
            {
              id: 18,
              carrier_id: 237,
              time: '15:21:37',
            },
]
}