Element UI 日期选择器禁用问题：编辑完时间后新增时间时禁用时间选择器

如果您希望在编辑完时间之后新增时间时，禁用时间选择器，您可以使用一个变量来控制时间选择器的禁用状态。例如，您可以在data中定义一个名为'disableDatePicker'的变量，并将其初始值设置为'false'。然后，在编辑完时间后，将'disableDatePicker'设置为'true'，并在新增时间时根据'disableDatePicker'的值来判断是否禁用时间选择器。

以下是修改后的代码示例：

<el-form-item label="会计期间：" required :rules="rules.startAccountingTime">
  <el-col :span="8">
    <el-form-item>
      <el-date-picker
        ref="startPicker"
        clearable
        size="mini"
        v-model="form.startAccountingTime"
        type="date"
        value-format="yyyy-MM-dd"
        placeholder="选择起始日期"
        style="width: 130px"
        :picker-options="{
          disabledDate(time) {
            return (time.getTime() > new Date(form.endAccountingTime).getTime());
          },
          disabled: disableDatePicker
        }"
      >
      </el-date-picker>
    </el-form-item>
  </el-col>
  <el-col :span="2"> ———— </el-col>
  <el-col :span="6">
    <el-form-item :rules="rules.endAccountingTime">
      <el-date-picker
        ref="endPicker"
        clearable
        size="mini"
        v-model="form.endAccountingTime"
        type="date"
        value-format="yyyy-MM-dd"
        placeholder="选择结束日期"
        style="width: 130px"
        :picker-options="{
          disabledDate(time) {
            return (time.getTime() < new Date(form.startAccountingTime).getTime());
          },
          disabled: disableDatePicker
        }"
      >
      </el-date-picker>
    </el-form-item>
  </el-col>
</el-form-item>

然后，在编辑完时间后，将'disableDatePicker'设置为'true'：

this.disableDatePicker = true;

这样，在新增时间时，时间选择器将会被禁用。