elementui时间选择器问题

Question

如图，为什么不能进行表单校验，打印出来time2内为undefined，而非空？

Answer 1

以下回复参考：皆我百晓生、券券喵儿等免费微信小程序作答:

要解决这个问题，首先确保在Vue组件中正确地设置了v-model绑定到peakTime字段。其次，检查是否在JavaScript脚本中正确地定义了rule对象以验证输入值。

以下是修复这些问题的方法：

1. 确保在Vue组件中正确设置v-model属性绑定到peakTime字段：

<el-form-item prop="peakTime">
  <el-time-picker
    is-range
    v-model="form.peakTime"
    range-separator="至"
    style="width:180px"
    start-placeholder="开始时间"
    end-placeholder="结束时间"
    placeholder="选择时间范围"
    value-format="HH"
    format="HH"
    popper-class="only-hour-time-picker"
    default-value="[new Date(year:0,monthindex:0, date:0, hours:0,minutes:0, seconds:0), new Date(year:0, monthindex:0, date:0, hours:23, minutes:59, seconds:59)]"
    @change="showTime(scope.row)"
  />
</el-form-item>

1. 在JavaScript中，确保正确地定义了一个规则对象来验证输入值：

const rules = {
  peakTime: [
    { required: true, message: '峰值时间不能为空' },
    // 其他验证规则...
  ],
};

通过以上步骤，应该可以解决您的问题，并且确保peakTime字段的有效性。