默认显示的日期列值是含时间的日期类型,于是想改成只显示年-月-日格式的日期,EasyUI支持datagrid的列格式化,需要再datagrid的列中指定formatter的函数来实现对列的内容的格式化显示
代码如下:
< span class = "tag" >< script ></ span >< span class = "pln" > </ span >< span class = "kwd" >function</ span >< span class = "pln" > formatterdate</ span >< span class = "pun" >(</ span >< span class = "pln" >val</ span >< span class = "pun" >,</ span >< span class = "pln" > row</ span >< span class = "pun" >)</ span >< span class = "pln" > </ span >< span class = "pun" >{</ span >< span class = "pln" > </ span >< span class = "kwd" >var</ span >< span class = "pln" > date </ span >< span class = "pun" >=</ span >< span class = "pln" > </ span >< span class = "kwd" >new</ span >< span class = "pln" > </ span >< span class = "typ" >Date</ span >< span class = "pun" >(</ span >< span class = "pln" >val</ span >< span class = "pun" >);</ span >< span class = "pln" > </ span >< span class = "kwd" >return</ span >< span class = "pln" > date</ span >< span class = "pun" >.</ span >< span class = "pln" >getFullYear</ span >< span class = "pun" >()</ span >< span class = "pln" > </ span >< span class = "pun" >+</ span >< span class = "pln" > </ span >< span class = "str" >'-'</ span >< span class = "pln" > </ span >< span class = "pun" >+</ span >< span class = "pln" > </ span >< span class = "pun" >(</ span >< span class = "pln" >date</ span >< span class = "pun" >.</ span >< span class = "pln" >getMonth</ span >< span class = "pun" >()</ span >< span class = "pln" > </ span >< span class = "pun" >+</ span >< span class = "pln" > </ span >< span class = "lit" >1</ span >< span class = "pun" >)</ span >< span class = "pln" > </ span >< span class = "pun" >+</ span >< span class = "pln" > </ span >< span class = "str" >'-'</ span >< span class = "pln" > </ span >< span class = "pun" >+</ span >< span class = "pln" > date</ span >< span class = "pun" >.</ span >< span class = "pln" >getDate</ span >< span class = "pun" >();</ span >< span class = "pln" > </ span >< span class = "pun" >}</ span >< span class = "pln" > </ span >< span class = "tag" ></ script ></ span >< span class = "pln" > </ span >< span class = "tag" >< table </span>< span class = "pln" > </ span >< span class = "atn" >id</ span >< span class = "pun" >=</ span >< span class = "atv" >"track-grid"</ span >< span class = "pln" > </ span >< span class = "atn" >style</ span >< span class = "pun" >=</ span >< span class = "atv" >"</ span >< span class = "pln" >width</ span >< span class = "pun" >:</ span >< span class = "lit" >680px</ span >< span class = "pun" >;</ span >< span class = "pln" >height</ span >< span class = "pun" >:</ span >< span class = "lit" >420px</ span >< span class = "pun" >;</ span >< span class = "atv" >"</ span >< span class = "pln" > </ span >< span class = "atn" >toolbar</ span >< span class = "pun" >=</ span >< span class = "atv" >"#tlb_track"</ span >< span class = "pln" > </ span >< span class = "atn" >rownumbers</ span >< span class = "pun" >=</ span >< span class = "atv" >"true"</ span >< span class = "pln" > </ span >< span class = "atn" >fitColumns</ span >< span class = "pun" >=</ span >< span class = "atv" >"true"</ span >< span class = "pln" > </ span >< span class = "atn" >singleSelect</ span >< span class = "pun" >=</ span >< span class = "atv" >"true"</ span >< span class = "pln" > </ span >< span class = "atn" >idField</ span >< span class = "pun" >=</ span >< span class = "atv" >"Identifier"</ span >< span class = "tag" >></ span >< span class = "pln" > </ span >< span class = "tag" >< thead ></ span >< span class = "pln" > </ span >< span class = "tag" >< tr ></ span >< span class = "pln" > </ span >< span class = "tag" >< th </span>< span class = "pln" > </ span >< span class = "atn" >field</ span >< span class = "pun" >=</ span >< span class = "atv" >"Identifier"</ span >< span class = "pln" > </ span >< span class = "atn" >hidden</ span >< span class = "pun" >=</ span >< span class = "atv" >"true"</ span >< span class = "pln" > </ span >< span class = "atn" >width</ span >< span class = "pun" >=</ span >< span class = "atv" >"0"</ span >< span class = "pln" > </ span >< span class = "tag" >></ span >< span class = "pln" >Id</ span >< span class = "tag" ></ th ></ span >< span class = "pln" > </ span >< span class = "tag" >< th </span>< span class = "pln" > </ span >< span class = "atn" >field</ span >< span class = "pun" >=</ span >< span class = "atv" >"Create_Date"</ span >< span class = "pln" > </ span >< span class = "atn" >width</ span >< span class = "pun" >=</ span >< span class = "atv" >"100"</ span >< span class = "pln" > </ span >< span class = "atn" >editor</ span >< span class = "pun" >=</ span >< span class = "atv" >"{type:'validatebox',required:true}"</ span >< span class = "pln" > </ span >< span class = "atn" >formatter</ span >< span class = "pun" >=</ span >< span class = "atv" >"formatterdate"</ span >< span class = "tag" >></ span >< span class = "pln" >发布时间</ span >< span class = "tag" ></ th ></ span >< span class = "pln" > </ span >< span class = "tag" >< th </span>< span class = "pln" > </ span >< span class = "atn" >field</ span >< span class = "pun" >=</ span >< span class = "atv" >"Tracker"</ span >< span class = "pln" > </ span >< span class = "atn" >width</ span >< span class = "pun" >=</ span >< span class = "atv" >"100"</ span >< span class = "pln" > </ span >< span class = "atn" >editor</ span >< span class = "pun" >=</ span >< span class = "atv" >"{type:'validatebox',required:true}"</ span >< span class = "tag" >></ span >< span class = "pln" >用户</ span >< span class = "tag" ></ th ></ span >< span class = "pln" > </ span >< span class = "tag" >< th </span>< span class = "pln" > </ span >< span class = "atn" >field</ span >< span class = "pun" >=</ span >< span class = "atv" >"Track_Content"</ span >< span class = "pln" > </ span >< span class = "atn" >width</ span >< span class = "pun" >=</ span >< span class = "atv" >"200"</ span >< span class = "pln" > </ span >< span class = "atn" >editor</ span >< span class = "pun" >=</ span >< span class = "atv" >"{type:'validatebox',required:true}"</ span >< span class = "tag" >></ span >< span class = "pln" >内容</ span >< span class = "tag" ></ th ></ span >< span class = "pln" > </ span >< span class = "tag" ></ tr ></ span >< span class = "pln" > </ span >< span class = "tag" ></ thead ></ span >< span class = "pln" > </ span >< span class = "tag" ></ table ></ span > |