operators.dateObject
The texts of the filter operators displayed for columns bound to date fields.
Omitting an operator will exclude it from the DropDownList with the available operators.
Example
<div id="filtermenu"></div>
<script>
$("#filtermenu").kendoFilterMenu({
dataSource: [
{ name: "John", hired: new Date(2020, 5, 15) },
{ name: "Jane", hired: new Date(2021, 8, 20) }
],
field: "hired",
operators: {
date: {
eq: "On",
gte: "On or after",
lte: "On or before"
}
}
});
</script>operators.date.eqString(default: "Is equal to")
The text of the "equal" filter operator.
Example
<div id="filtermenu"></div>
<script>
$("#filtermenu").kendoFilterMenu({
dataSource: [
{ name: "John", hired: new Date(2020, 5, 15) },
{ name: "Jane", hired: new Date(2021, 8, 20) }
],
field: "hired",
operators: {
date: {
eq: "On date"
}
}
});
</script>operators.date.neqString(default: "Is not equal to")
The text of the "not equal" filter operator.
Example
<div id="filtermenu"></div>
<script>
$("#filtermenu").kendoFilterMenu({
dataSource: [
{ name: "John", hired: new Date(2020, 5, 15) },
{ name: "Jane", hired: new Date(2021, 8, 20) }
],
field: "hired",
operators: {
date: {
neq: "Not on date"
}
}
});
</script>operators.date.isnullString(default: "Is null")
The text of the "isnull" filter operator.
Example
<div id="filtermenu"></div>
<script>
$("#filtermenu").kendoFilterMenu({
dataSource: [
{ name: "John", hired: new Date(2020, 5, 15) },
{ name: "Jane", hired: null }
],
field: "hired",
operators: {
date: {
isnull: "No date set"
}
}
});
</script>operators.date.isnotnullString(default: "Is not null")
The text of the "isnotnull" filter operator.
Example
<div id="filtermenu"></div>
<script>
$("#filtermenu").kendoFilterMenu({
dataSource: [
{ name: "John", hired: new Date(2020, 5, 15) },
{ name: "Jane", hired: null }
],
field: "hired",
operators: {
date: {
isnotnull: "Has date"
}
}
});
</script>operators.date.gteString(default: "Is after or equal to")
The text of the "greater than or equal" filter operator.
Example
<div id="filtermenu"></div>
<script>
$("#filtermenu").kendoFilterMenu({
dataSource: [
{ name: "John", hired: new Date(2020, 5, 15) },
{ name: "Jane", hired: new Date(2021, 8, 20) }
],
field: "hired",
operators: {
date: {
gte: "On or after"
}
}
});
</script>operators.date.gtString(default: "Is after")
The text of the "greater than" filter operator.
Example
<div id="filtermenu"></div>
<script>
$("#filtermenu").kendoFilterMenu({
dataSource: [
{ name: "John", hired: new Date(2020, 5, 15) },
{ name: "Jane", hired: new Date(2021, 8, 20) }
],
field: "hired",
operators: {
date: {
gt: "After"
}
}
});
</script>operators.date.lteString(default: "Is before or equal to")
The text of the "less than or equal" filter operator.
Example
<div id="filtermenu"></div>
<script>
$("#filtermenu").kendoFilterMenu({
dataSource: [
{ name: "John", hired: new Date(2020, 5, 15) },
{ name: "Jane", hired: new Date(2021, 8, 20) }
],
field: "hired",
operators: {
date: {
lte: "On or before"
}
}
});
</script>operators.date.ltString(default: "Is before")
The text of the "less than" filter operator.
Example
<div id="filtermenu"></div>
<script>
$("#filtermenu").kendoFilterMenu({
dataSource: [
{ name: "John", hired: new Date(2020, 5, 15) },
{ name: "Jane", hired: new Date(2021, 8, 20) }
],
field: "hired",
operators: {
date: {
lt: "Before"
}
}
});
</script>