jQuery UI Helpers / Overview

jQuery UI Helpers is a set of HTML Helpers that help you to seamlessly integrate jQuery UI into your ASP.NET MVC application. They have similar look and feel to the built in helpers, but also implement a fluent configuration API to fully utilize the power of jQuery UI. The helpers only generate HTML elements with data-* attributes and unobtrusive JavaScript is used to do the required initializations.

A simple example:

    @Html.JQueryUI().DatepickerFor(m => m.DateOfBirth)
    

Another example with a bit more configuration:

    @Html.JQueryUI().DatepickerFor(m => m.DateOfBirth).ChangeYear(true).ChangeMonth(true).MaxDate(DateTime.Today)

The library replaces complex string parameters with strongly typed arguments. For example when configuring the year drop-down list instead of 'c-20:2012' you can do this:

    @(Html.JQueryUI().DatepickerFor(m => m.DateOfBirth)
    .ChangeYear(new YearDefinition(-20, RelativeTo.SelectedYear), new YearDefinition(2012)))
    

Read the Getting Started page to learn how to start using jQuery UI Helpers.