easyui 插件中的数据都是用json传递,对于Date类型,我们不知道怎么控制的它的格式,我正好做项目遇到这个问题,已经解决,整理一下,大家共享。
首先建一个类
public class DateSerializer extends JsonSerializer<Date> {
@Override
public void serialize(Date date, JsonGenerator jsonGenerator, SerializerProvider serializerProvider)
throws IOException, JsonProcessingException {
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
String formatedDate = sdf.format(date);
jsonGenerator.writeString(formatedDate);
}
}
继承如下4个类,大家不要继承错了哦
import org.codehaus.jackson.JsonGenerator;
import org.codehaus.jackson.JsonProcessingException;
import org.codehaus.jackson.map.JsonSerializer;
import org.codehaus.jackson.map.SerializerProvider;
然后在用的实体类中的get方法上添加注解就行了,如下:
@JsonSerialize(using=DateSerializer.class)
public Date getTradeDate() {
return tradeDate;
}
这里就搞定了,小伙伴们,赶紧试试吧
分享到:
相关推荐
症状:后台返回给页面的数据是Json格式的,其中的日期字段,在后台是“2012-11-10 12:18:00”这样的格式,json序列化后返回到前台页面就被转换成一个像 /Date(1419264000000)/ 的格式,导致easyUI无法解析这个字段。
在使用EasyUI的datagrid控件时,我们常常会遇到日期数据在前端显示为`object`类型的问题,这主要是因为服务器返回的日期数据没有被正确格式化。在标题和描述中提到的解决方案,主要涉及到以下几个关键点: 1. **...
总结来说,通过自定义`JsonResult`和`JavaScriptConverter`,我们可以有效地解决ASP.NET MVC返回的JSON数据中DateTime类型字段格式不理想的问题。这种方式不仅保持了后端和前端数据交互的一致性,还避免了前端处理...
- `formatter`:日期格式化函数。 - `parser`:日期解析函数。 - `editable`:是否允许直接编辑日期框。 - `required`:是否必须选择一个日期。 **2.3 事件** - `onSelect`:当用户选择日期时触发。 - `onOpen`:...
- **数据绑定**: 与后端数据无缝对接,支持JSON格式的数据,可以方便地实现表格、树等组件的数据加载和操作。 - **事件驱动**: 通过事件监听和处理,可以轻松实现用户交互功能。 - **轻量级**: 相对于其他大型前端...
然后,在JavaScript中设置datagrid的配置项,包括使用detailview,定义展开行时的详细内容格式化函数`detailFormatter`,以及在展开行时的回调函数`onExpandRow`: ```javascript $(function() { $('#dg')....
**2.4 自定义格式化和解析函数** 为了自定义日期显示格式,可以使用 formatter 和 parser 属性: ```javascript function myFormatter(date) { var y = date.getFullYear(); var m = date.getMonth() + 1; var ...
为了在TreeGrid中展示数据,需要提供一个JSON格式的数据源文件。这个文件包含了TreeGrid需要展示的所有数据项,以及对应的子项。每一项包含id、name等字段,其中children字段用于存储子节点。 ```json [{ "id":1, ...
- **formatter**:用于格式化日期字符串的函数。 - **parser**:用于解析日期字符串的函数。 ##### 事件 - **onChange**:日期改变时触发。 - **onSelect**:日期被选中时触发。 ##### 方法 - **getValue**:...