DateFilterCellComponent
Represents a date-filter cell component.
<kendo-grid-column field="OrderDate" title="Order Date">
<ng-template kendoGridFilterCellTemplate let-filter let-column="column">
<kendo-grid-date-filter-cell
[showOperators]="false"
[column]="column"
[filter]="filter">
</kendo-grid-date-filter-cell>
</ng-template>
</kendo-grid-column>
Selector
kendo-grid-date-filter-cell
Inputs
activeView
CalendarView
Defines the active view that the calendar initially renders.
By default, the active view is month
.
You have to set
activeView
within thetopView
-bottomView
range.
bottomView
CalendarView
Defines the bottommost calendar view, to which the user can navigate.
column
The column with which the filter is associated.
filter
The current root filter.
formatPlaceholder
DateInputFormatPlaceholder
Defines the descriptions of the format sections in the input field.
wide
—Displays the full description of the format section. For example, turnsMM
intomonth
. Retrieved from CLDR.narrow
—Displays the narrow description of the format section. For example, turnsMM
intomo.
. Retrieved from CLDR.short
—Displays the short description of the format section. For example, turnsMM
intomo.
. Retrieved from CLDR.formatPattern
—Directly displays the format section.- CustomFormatPlaceholder—
An object that defines the description of the format sections.
For example,
{ day: 'd.', month: 'M.', year: 'y', hour: 'h.' }
.
max
Date
Specifies the greatest value that is valid.
min
Date
Specifies the smallest value that is valid.
operator
string
The default filter operator. Defaults to contains
.
placeholder
string
Specifies the hint that the component displays when its value is null
.
showOperators
boolean
Determines if the drop-down filter operators will be displayed. The default value is true
.
topView
CalendarView
Defines the topmost calendar view, to which the user can navigate.
weekNumber
boolean
Determines whether to display a week number column in the month
view of the Calendar.
format
string
Specifies the date format that is used when the component is not focused.
By default, the column.format
value is used (if set).
Fields
currentFilter
FilterDescriptor
The current filter for the associated column field.
currentOperator
string
The current filter operator for the associated column field.