<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' }
],
