admin管理员组文章数量:1538095
一、12小时制与24小时制
最初的代码写的是yyyy-MM-dd hh:mm:ss ,后面发现选择器上面一旦选择超过12点的,又会从1开始算,也就是12小时制。
查了很久都没有什么好办法可以解决12小时转化成24小时,有找到一两篇是利用js转化,但是很复杂。
查看文档,感觉写法跟文档没有多大区别。
经过n久的琢磨。最后尝试将HH修改成hh 也就是 yyyy-MM-dd HH:mm:ss,成功可以选择到13 14点,而不是1 2点了!
二、时间格式
这边要提到两个参数
①:format :这一个是选择时间后,在选择器方框内显示的格式
②:value-format:这是选择后,最后的数据格式,传给后端也是这种格式。
有了以上第二个参数 就可以将以下 第一种中国标准时间格式转化成第二种类型的时间格式。
Wed Oct 24 2021 20:00:00 GMT+0800 (中国标准时间)
2021-10-24 20:00:00
ps:如果已经使用value-format,后面我们又对获取到的时间进行了一些操作,导致时间又恢复成了中国标准时间的形式,那么,我们可以使用以下的代码进行转化
let date=query; //query是已经获取的时间,将其赋值给data
//对中国标准时间进行截取
let y= Number(date.slice(0,4)) ; //年份是前四个数字,以下的以此类推
let m=Number(date.slice(5,7));
let d=Number(date.slice(8,10));
let h=Number(date.slice(11,13));
let f=Number(date.slice(14,16));
//将截取到的年月日进行赋值,给day2
var day2=new Date(y,m-1,d,h,f);
//将时间格式进行转化
var Time2 = day2.getFullYear() + '-' + (day2.getMonth() + 1)
+ '-' + day2.getDate() + ' ' + day2.getHours() + ':' +
day2.getMinutes() + ':' + day2.getSeconds();
三:注意空格
确定时间格式什么都没有问题,但是后端接收到的数据却是空的,研究了很久才知道在dd与HH之间多了一个空格,这个就比较坑了。
// dd与 HH 之间只有一个空格,没有多加一个空格的
value-format="yyyy-MM-dd HH:mm:ss"
//多加一个空格
value-format="yyyy-MM-dd HH:mm:ss"
版权声明:本文标题:element-ui时间选择器的一些注意事项 时间格式怎么转换 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/dongtai/1726968533a1092494.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论