Error in event handler for "el.form.change": "TypeError: value.getTime is not a function"

   <el-form-item prop="startWork" class="fl" style="padding-top:0;">
                  <el-time-picker
                    v-model="item.startWork" :disabled="!item.edit"
                    :picker-options="{ selectableRange: '0:0:00 - 23:59:59' }"
                    placeholder="選擇時間" value-format="HH:mm:ss">
                  </el-time-picker>
                </el-form-item>
                <i class="el-icon-minus fl"></i>
                <el-form-item prop="endWork" class="fl" style="padding-top:0;">
                  <el-time-picker
                    v-model="item.endWork" :disabled="!item.edit"
                    :picker-options="{ selectableRange: '0:0:00 - 23:59:59' }"
                    placeholder="選擇時間" value-format="HH:mm:ss"  >
                  </el-time-picker>
    </el-form-item>

　　

在網上找了一下，因為我elementUI的日期選擇器【el-date-picker】在加上格式 value-format="HH:mm:ss"和校驗規則

 s startWork: [
            { type: 'date', required: true, message: '請選擇時間', trigger: 'change' }
          ],
          endWork: [
            { type: 'date', required: true, message: '請選擇時間', trigger: 'change' }
          ],

　　解決方法

startWork: [
            { type: 'string', required: true, message: '請選擇時間', trigger: 'change' }
          ],
          endWork: [
            { type: 'string', required: true, message: '請選擇時間', trigger: 'change' }
          ],