当前位置: 首页 > Web前端 > HTML

ElementUI日期选择器el-date-picker设置默认时间踩坑

时间:2023-03-28 16:21:08 HTML

大家好,我是小美,公众号:《小美的前端之路》原作者。作为在前端领域不断探索的一员,我将开发中遇到的问题记录在这里。如果你也遇到同样的问题,希望这篇文章对你有所帮助。踩坑使用日期选择器的经验,在选择日期的时候,尽量让selectTime获取到所选日期最后时刻的时间戳。示例:2023-01-0623:59:59时间戳1673020799999查看文档,看到一个default-time,试图直接设置default-time属性来实现日期选择组件的尝试,下面无法实现,因为没有使用该字段设置默认时间完全没有组件,该字段仅对日期范围类型的日期选择器有效;详见官网字段说明实现方法:因为我的需求是提交,提交日期的最后时刻就够了,所以直接转换值就可以了点一下,dayjs插件项目中使用,所以这里直接使用consttime=dayjs(this.selectTime).endOf('day').valueOf()如果没有引入dayjs,这里有一个方法consttime=newDate(this.selectTime)consty=time.getFullYear()constm=time.getMonth()constd=time.getDate()//获取日期最后时刻的时间戳consttargetTime=newDate(y,m,d,23,59,59).getTime()??欢迎来到优质三元组【点赞+收藏+评论】我是小美,有兴趣的可以微信搜索“小美的前端之路”第一时间接收文章更新通知一起交流,学习成长