今天的使用EasyUI datagrid的时候,遇到了如下问题,如下图:
需要datagrid的列上加上可编辑的日期控件.
通过type:'datebox'设置编辑框为日期控件, 通过 dateFmt:'yyyy' 设置日期控件的格式(这里只显示年)
实现的代码如下:
<th data-options="field:'sdateStr',width : 150,align:'left',
editor:{
type:'datebox',
options:{
required:'true',
dateFmt:'yyyy'
}
}
">年份</th>
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
PS:
如果想显示效果为年月日,取消设置 dateFmt:'yyyy' 属性 即可,效果如下:
如果想要只显示年月,设置 dateFmt:'yyyy-MM' 属性 即可,效果如下:
EasyUI 学习资料链接:
http://www.runoob.com/jeasyui/jqueryeasyui-tutorial.html