前端控制日期显示类型

前端控制日期显示类型

问题:

  • 因为在明细表中显示计划时间是包括时分秒的,当点击详情查看详情时渲染的数据也是包括时分秒的,但是计划时间使用的是layui的时间组件,这个的时间形式不包括时分秒,所以在详情界面由于时间格式不符合标准,就导致随便操作界面中任意一处,就会使计划时间自动更新到当前这一天

解决办法

  • 在详情界面渲染的数据只保留年-月-日的格式
  1. 在前端界面对数据进行处理
  2. 后台用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/前端控制日期显示类型/
作者
陈佳乐
发布于
2022年12月11日
许可协议