JQuery插件之-----Datatables(四)render与日期转换(moment.js)

render是列渲染、官方给出的例子是:

$(document).ready(function() {
    $('#example').dataTable({
        "columnDefs": [{
            "render": function(data, type, row) {
                return data + ' (' + row[3] + ')';
            },
            "targets": 0
        },
        {
            "visible": false,
            "targets": [3]
        }]
    });
});

效果是

这里实现的效果是这样的根据后台传过来的数据进行判断是否有效

把后台传过来的日期进行转换使用的是moment.js、使用它可以轻松解决前端开发中遇到的种种日期时间问题。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>








	
    
    
    
    
    
    
    
   
 
    
    
    
    






	

		

		

		

	  	
id
	  	
部门名称
	  	
部门备注
	  	
状态
	  	
创建时间
	  	
操作
	  
	  
	




 
    

        
 
            

                

                    
                        ×
                    
                    

                        提示信息
                    
                
                

                    
您确定要删除当前信息吗？
                
                

                
                    
                        确认
                    
                
            

        
    





    

        

            

                

                    
                        ×
                    
                    

                        提示信息
                    
                
                

                    
您确定要删除选中信息吗？
                
                

                
                    
                        确认
                    
                
            

        
    






                

                    

                        

                            
                                ×
                            
                            

                                新 增
                            
                        
                        

                            

                            <%-- 
                                

                                    图 片：
                                    

                                        
                                    
                                    

                                        
                                    
                                    
                                
                                --%>
                                

                                    部门名称： 

                                    

                                        

                                    
                                


                                

                                    备注： 

                                    

                                        
                                    
                                
                   
                         
                                

                                    状态：
                                    

                                        

                                            
                                                
                                                有效
                                            
                                        
                                        

                                            
                                                
                                                无效
                                            
                                        
                                    
                                
                            
                            

                                关闭
                                
                                提交
                                
                            
                        
                    

                
            

完整Demo下载：http://download.csdn.net/detail/u011781521/9672451