Translation of this issue:

为什么要把element-plus el-date-picker的picker-options去掉，能给加一下吗？或者给个方法能拿到我第一次选择的时间

请仔细查看文档，picker-options的属性已经平铺开了，还是说这些选项不满足你的需求？至于第一次选择的时间不是可以自己实现吗

请仔细查看文档，picker-options的属性已经平铺开了，还是说这些选项不满足你的需求？至于第一次选择的时间不是可以实现自己吗

现在选项不满足我的需求，我想在我选择第一个时间后组件能直接把我选中的这个时间的30天之前和30天之后变为不可点击样式

what api are you looking for in previous picker-options?

请仔细查看文档，picker-options的属性已经平铺开了，还是说这些选项不满足你的需求？至于第一次选择的时间不是可以实现自己吗

现在选项不满足我的需求，我想在我选择第一个时间后组件能直接把我选中的这个时间的30天之前和30天之后变为不可点击样式

<template>
  <el-date-picker v-model="value" :disabledDate="isDisabled" @change="onChange" />
</template>

<script>
import { ref } from 'vue'
import dayjs from 'dayjs'
export default {
  setup() {
    const value = ref('')
    const firstSelectedDayRef = ref(null)
    const isDisabled = date => {
      const firstSelectedDay = firstSelectedDayRef.value
      if (firstSelectedDay) {
        const diff = dayjs(date).diff(firstSelectedDay, 'day')
        return diff > 30 || diff < -30
      }
      return false
    }
    const onChange = date => {
      if (!firstSelectedDayRef.value) firstSelectedDayRef.value = date
    }
    return {
      value,
      isDisabled,
      onChange,
    }
  },
}
</script>

请仔细查看文档，picker-options的属性已经平铺开了，还是说这些选项不满足你的需求？至于第一次选择的时间不是可以实现自己吗

现在选项不满足我的需求，我想在我选择第一个时间后组件能直接把我选中的这个时间的30天之前和30天之后变为不可点击样式

<template>
  <el-date-picker v-model="value" :disabledDate="isDisabled" @change="onChange" />
</template>

<script>
import { ref } from 'vue'
import dayjs from 'dayjs'
export default {
  setup() {
    const value = ref('')
    const firstSelectedDayRef = ref(null)
    const isDisabled = date => {
      const firstSelectedDay = firstSelectedDayRef.value
      if (firstSelectedDay) {
        const diff = dayjs(date).diff(firstSelectedDay, 'day')
        return diff > 30 || diff < -30
      }
      return false
    }
    const onChange = date => {
      if (!firstSelectedDayRef.value) firstSelectedDayRef.value = date
    }
    return {
      value,
      isDisabled,
      onChange,
    }
  },
}
</script>

disabledDate，如果是type="datetime"时，可以具体禁用到小时吗？现在disabledDate函数返回的值全是0点，不支持具体某个小时呢

请仔细查看文档，picker-options的属性已经平铺开了，还是说这些选项不满足你的需求？至于第一次选择的时间不是可以自己实现吗

当type为daterange时，需要pickerOptions中的on-pick方法，从而达到动态设置disabledDate的目的

请仔细查看文档，picker-options的属性已经平铺开了，还是说这些选项不满足你的需求？至于第一次选择的时间不是可以自己实现吗

当type为daterange时，需要pickerOptions中的on-pick方法，从而达到动态设置disabledDate的目的

解决了吗？我也遇见同样的问题

请仔细查看文档，picker-options的属性已经平铺开了，还是说这些选项不满足你的需求？至于第一次选择的时间不是可以自己实现吗

type="week"的时候，原本可以通过pickerOptions的firstDayOfWeek设置自然周从周一到周日，现在去掉了怎么设置？
*编辑：通过解构本地化文件zhCN设置成功了

我本地已经设置成中文了，但是el-date-picker还是从周日到周一呀

在element-plus.js中加入 import 'dayjs/locale/zh-cn'; ，無需其他操作就可以設置自然周從周一到周日。
如果不行，就 import zhCn from 'element-plus/es/locale/lang/zh-cn'; ，然後解構zhCn.weeks對象

在element-plus.js中加入 import 'dayjs/locale/zh-cn'; ，無需其他操作就可以設置自然周從周一到周日。 如果不行，就 import zhCn from 'element-plus/es/locale/lang/zh-cn'; ，然後解構zhCn.weeks對象

如何解构zhCn.weeks并使用呢

在element-plus.js中加入 import 'dayjs/locale/zh-cn'; ，無需其他操作就可以設置自然周從周一到周日。 如果不行，就 import zhCn from 'element-plus/es/locale/lang/zh-cn'; ，然後解構zhCn.weeks對象

如何解构zhCn.weeks并使用呢

请查看文档，picker-options 的属性已经仔细查看，还是说这些选项不能满足你的需求？至于第一次选择的时间不是自己实现的

当type为daterange时，需要pickerOptions中的on-pick方法，立即达到动态设置disabledDate的目的

怎么解决？

请仔细查看文档，picker-options的属性已经平铺开了，还是说这些选项不满足你的需求？至于第一次选择的时间不是可以自己实现吗

当type为daterange时，需要pickerOptions中的on-pick方法，从而达到动态设置disabledDate的目的

可以通过 @calendar-change代替on-pick，已实现动态设置可选日期区间。
<el-date-picker
v-model="date"
:disabledDate="isDisabled"
:shortcuts="shortcuts"
range-separator="至"
@calendar-change="calendar"
type="daterange"
unlink-panels
popper-class="myDatePicker"
start-placeholder="开始时间"
end-placeholder="结束时间"
/>
const firstSelectedDayRef = ref(null);
const isDisabled = (time) => {
const firstSelectedDay = firstSelectedDayRef.value;
if (firstSelectedDay) {
return (
time.getTime() < firstSelectedDay.getTime() - 1000 * 60 * 60 * 24 * 5 ||
time.getTime() > firstSelectedDay.getTime() + 1000 * 60 * 60 * 24 * 5
);
}
return false;
};

    const calendar = (date) => {
        firstSelectedDayRef.value = date[0];
    };

新版本平铺picker-options后，想用之前选项中的selectableRange功能，怎么使用呀？