Search results

Show Dates of Other Months in ASP.NET Core Calendar control

04 Aug 2021 / 1 minute to read

The following example demonstrates how to show dates of other months.

Using the styles below, you can bring the dates of other months to visibility from its hidden state.

Copied to clipboard
.e-calendar .e-content tr.e-month-hide,
.e-calendar .e-content td.e-other-month>span.e-day {
    display: block;
}

.e-calendar .e-content td.e-month-hide,
.e-calendar .e-content td.e-other-month {
    pointer-events: auto;
    touch-action: auto;
}
tagHelper
Copied to clipboard
<ejs-calendar id="calendar"></ejs-calendar>

<style>

    .e-calendar .e-content tr.e-month-hide, /* csslint allow: adjoining-classes*/
    .e-calendar .e-content td.e-other-month > span.e-day { /* csslint allow: adjoining-classes*/
        display: block;
    }

    .e-calendar .e-content td.e-month-hide, /* csslint allow: adjoining-classes*/
    .e-calendar .e-content td.e-other-month { /* csslint allow: adjoining-classes*/
        pointer-events: auto;
        touch-action: auto;
    }
</style>