ASP.NET MVC
EditEdit This Document
Demos
Support
Forum
Upgrade Guide
FREE TRIAL
Search results

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

30 Jul 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;
}
razor
Copied to clipboard
@Html.EJS().Calendar("element").Render()

<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>
Previous
Next