DataGrid的列上添加日期控件

     今天的使用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