ant design 两个datepicker 相互制约，为什么不生效，代码如下

Z时代
2024-03-16
分类：IT

如题

          <a-col v-if="searchExpand" :lg="6" :md="12" :sm="24"
                 :xs="24">
            <a-form-item label="开始账期:" name="beginBillingTime">
              <a-date-picker
                v-model:value="where.beginBillingTime"
                :disabled-date="disabledStartDate"
                placeholder="请选择开始账期"
                value-format="YYYY-MM-DD"
                class="ele-fluid"/>
            </a-form-item>
          </a-col>
          <a-col v-if="searchExpand" :lg="6" :md="12" :sm="24"
                 :xs="24">
            <a-form-item label="结束账期:" name="endBillingTime">
              <a-date-picker
                v-model:value="where.endBillingTime"
                :disabled-date="disabledEndDate"
                placeholder="请选择结束账期"
                value-format="YYYY-MM-DD"
                class="ele-fluid"/>
            </a-form-item>
          </a-col>
const disabledStartDate = (startValue) => {
  if (!where.beginBillingTime || !where.endBillingTime) {
    return false;
  }
  return startValue <= where.endBillingTime.valueOf();
};
const disabledEndDate = (endValue) => {
  if (!where.beginBillingTime || !where.endBillingTime) {
    return false;
  }
  return where.beginBillingTime.valueOf() >= endValue.valueOf();};