如何设置el-date-picker的默认截止时间为“23:59:59”

最新推荐文章于 2024-03-26 10:14:54 发布

itliujia

最新推荐文章于 2024-03-26 10:14:54 发布

阅读量1.5k

点赞数 3

文章标签： vue

本文链接：https://blog.csdn.net/qq_34913677/article/details/130823394

版权

亲测 default-time="['00:00:00', '23:59:59']" 是无效的。

<el-date-picker
    :default-time="['00:00:00', '23:59:59']"
    v-model="formData.dischargeTime"
    type="datetimerange"
    value-format="yyyy-MM-dd HH:mm:ss"
/>

我用的方法

<el-date-picker
    :default-time="defaultTimeFormat"
    v-model="formData.dischargeTime"
    type="datetimerange"
    value-format="yyyy-MM-dd HH:mm:ss"
/>

<script>
const defaultTimeFormat = computed(() => {
  const [start, end] = ["00:00:00", "23:59:59"].map(time => {
    const [hour, minute, second] = time.split(":").map(Number);
    return new Date(0, 0, 0, hour, minute, second);
  });
  const dateRange: [Date, Date] = [start, end]
  return dateRange;
});
</script>