关于javascript:Element-UI日期选择器eldatepicker设置默认的时刻踩坑

大家好，我是小梅，公众号：「小梅的前端之路」原创作者。

作为在前端畛域一直摸索的一员，在此记录开发中遇到的问题，如果你也遇到了雷同的问题，心愿本文对你有帮忙。

踩坑经验

应用日期选择器，抉择日期时，试图让 selectTime 能取到抉择日期的最初一刻的工夫戳。
举例：2023-01-06 23:59:59 的工夫戳 1673020799999

 <el-date-picker
      v-model="selectTime"
      type="date"
      value-format="timestamp"
      placeholder="抉择日期">
</el-date-picker>

查看文档看到一个 default-time，希图间接设置 default-time 属性给日期抉择组件
希图的实现，上面这样不能实现哦，因为这个字段基本不是用来设置该组件默认时刻的，该字段只对日期范畴类型的日期选择器无效；具体详情看官网对该字段的形容

 <el-date-picker
      v-model="selectTime"
      default-time=“23:59:59”type="date"
      value-format="timestamp"
      placeholder="抉择日期">
</el-date-picker>

实现方法：
因为我的需要是提交的时候，提交日期的最初一刻就行了，因而我能够间接把值转换一下就能够了，我的项目中用到了 dayjs 插件，因而此处间接用

const time = dayjs(this.selectTime).endOf('day').valueOf()

如果没有引入 dayjs 的话，这里提供一种办法

const time = new Date(this.selectTime)
const y = time.getFullYear()
const m = time.getMonth()
const d = time.getDate()

// 失去日期的最初一刻的工夫戳
const targetTime = new Date(y, m, d, 23, 59, 59).getTime()

❤️欢送素质三连[点赞 + 珍藏 + 评论]

我是小梅，有趣味的话能够在微信搜一搜「小梅的前端之路」第一工夫接管文章更新告诉，一起沟通、学习成长呀。