Input数据回填格式问题

Input数据回填格式问题

所谓的数据回填就是查询到数据库的数据给input赋值显示到页面当中
一般我们都是将查询到的数据直接给input赋值实现数据回填
但input有两个类型是特殊的，一个是日期一个是时间
也就是type=”date”和type=”time”这两个类型
如下图

因为数据库的数据类型没有可以和他们相对应的数据格式
所以直接赋值是无法进行回填的
我们要解决这问题就要封装一个类创建字段来把进行接收的数据的格式改为和input获取的数据值一样
就能够实现数据回填了
如下两张图就是查询数据库数据和进行数据回填的代码图


封装类如果不是创建方法字段把格式改了而是普通字段那么类型为日期和时间的input是无法回填的
如下图普通字段回填的效果图

可以看到的是除了日期和时间其他都正常回填了
我们再看一下方法字段设置了格式的效果图
如下图

可以看到的效果是已经全部回填了
下面我们就看一下方法字段的代码图吧看一下修改格式是怎么书写的
日期格式如下图

时间格式如下图