easyui datagrid enablefilter 日期
时间: 2023-08-05 10:09:51 浏览: 194
如果您想在 EasyUI datagrid 中启用日期过滤器(enableFilter),请按照以下步骤操作:
1. 首先,在 datagrid 的列定义中,将要过滤的日期列的 formatter 属性设置为格式化日期的函数,例如:
```
{field:'date',title:'Date',formatter:formatDate}
```
其中 formatDate 是一个自定义的函数,用于将日期格式化为字符串。例如:
```
function formatDate(value,row,index){
return value.getFullYear()+'-'+(value.getMonth()+1)+'-'+value.getDate();
}
```
2. 然后,在 datagrid 的初始化代码中,设置 enableFilter 属性为 true,并为要过滤的日期列设置 filter 规则,例如:
```
$('#datagrid').datagrid({
url:'datagrid_data.json',
enableFilter:true,
columns:[[
{field:'id',title:'ID',width:100},
{field:'name',title:'Name',width:100},
{field:'date',title:'Date',width:100,formatter:formatDate,filter:{
type:'datebox',
options:{
formatter:formatDate,
parser:function(s){ return new Date(s); }
}
}}
]]
});
```
其中,filter 属性包含一个 type 属性,表示过滤器的类型,这里设置为 datebox,表示日期选择框;还包含一个 options 属性,用于设置 datebox 的一些选项,例如 formatter 和 parser,用于格式化和解析日期值。
完成以上步骤后,您就可以在 datagrid 中启用日期过滤器了。
阅读全文