ASP.NET Core Calendar Setup

Shield UI Calendar for ASP.NET Core is a server-side wrapper component implemented as an ASP.NET Core MVC Helper.

For a detailed guide how to setup Shield UI for your ASP.NET Core project, check out this page.

The ASP.NET Core MVC helper API is a 1:1 mapping of the JavaScript Calendar widget configuration, so you only have to get familiar with a single set of configuration options:

// JavaScript Calendar demo
$("#calendar").shieldCalendar({
    footer: {
        enabled: true,
        footerTemlpate: "{0:dd.MM.yy}"
    },
    min: new Date("2009/2/23"),
    max: new Date("2039/3/1"),
    value: new Date()
});

// ASP.NET Core Calendar demo
@(Html.ShieldCalendar()
    .Name("calendar")
    .HtmlAttribute("class", "calendar")
    .Min(new DateTime(2009, 2, 23))
    .Max(new DateTime(2039, 3, 1))
    .Value(DateTime.Now)
)

To see the configuration options in action, please refer to our online demos.