今天的使用EasyUI datagrid的时候,遇到了如下问题,如下图:

DataGrid的列上添加日期控件-LMLPHP

需要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'  属性 即可,效果如下:

DataGrid的列上添加日期控件-LMLPHP

如果想要只显示年月,设置  dateFmt:'yyyy-MM'  属性 即可,效果如下:

DataGrid的列上添加日期控件-LMLPHP

EasyUI 学习资料链接:

http://www.runoob.com/jeasyui/jqueryeasyui-tutorial.html

04-16 19:25