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

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


踩坑经验

应用日期选择器,抉择日期时,试图让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()

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

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