前端控制日期显示类型
前端控制日期显示类型
问题:
- 因为在明细表中显示计划时间是包括时分秒的,当点击详情查看详情时渲染的数据也是包括时分秒的,但是计划时间使用的是
layui
的时间组件,这个的时间形式不包括时分秒,所以在详情界面由于时间格式不符合标准,就导致随便操作界面中任意一处,就会使计划时间自动更新到当前这一天
解决办法
- 在详情界面渲染的数据只保留年-月-日的格式
- 在前端界面对数据进行处理
- 后台用SimpleDateFormat给日期格式化
问题1:
- 在刚开始对数据进行调整的时候,对后端传入的数据进行直接处理,然后就报错
1
UnCaught TypeError:date.getFullYear is not a function
- 解决方法:
- 数据库存的是date,并且js中的函数传入的date参数是字符串类型的。如果调用getFullYear方法,必须转成Date类型,就是上面代码中使用的方法,
问题2
- 后台service中向前台传递查询结果前,我用SimpleDateFormat给日期格式化成我想要的样子(yyyy-MM-dd)。但是到前台后,还是有时分秒。我从查了java中的Date类型以后,知道了java中的Date默认就是有时分秒的,所以后台格式化这条路是走不通的。
前端控制日期显示类型
http://example.com/2022/12/11/前端控制日期显示类型/