New to Kendo UI for AngularStart a free 30-day trial

Represents a filtering menu component for date columns.

Definition

Package:@progress/kendo-angular-grid

Selector:kendo-grid-date-filter-menu

Syntax:

html
<kendo-grid-column field="FirstOrderedOn">
  <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
    <kendo-grid-date-filter-menu
      [column]="column"
      [filter]="filter"
      [filterService]="filterService">
    </kendo-grid-date-filter-menu>
  </ng-template>
</kendo-grid-column>

Inputs

activeView

CalendarView

Sets the active calendar view when the calendar opens. Set activeView within the topView-bottomView range.

Default:

"month"

bottomView

CalendarView

Defines the lowest calendar view level the user can navigate to.

Default:

"month"

Sets the column for this filter.

extra

boolean

Determines if the inputs for the second criteria are displayed.

Default:

true

The current menu filter.

Represents the FilterService instance that handles changes in the filter descriptor.

formatPlaceholder

DateInputFormatPlaceholder

Sets the descriptions for the format sections in the input field. See example.

max

Date

Sets the largest valid date value.

min

Date

Sets the smallest valid date value.

operator

string

Sets the default filter operator.

Default:

"gte"

Sets the hint shown when the value is null. See example.

topView

CalendarView

Defines the highest calendar view level the user can navigate to.

Default:

"century"

weekNumber

boolean

When true, shows a week number column in the month view.

Default:

false

Fields

currentFilter

FilterDescriptor

Gets the current filter for the column field.

Gets the current filter operator for the column field.

format

string

Gets the date format used when the component is not focused. Uses column.format if set.

Methods

Parameters:value"and" | "or"