[原创]EasyUI的datagrid中的datetime列格式化显示

默认显示的日期列值是含时间的日期类型,于是想改成只显示年-月-日格式的日期,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>
赞(0) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

登录

注册