ASP.NET MVC jQuery DatePicker Navigate to page on select date

Question

Hi,

I'm using the JQuery DatePicker as a little Calendar Dashboard, marking dates with "agenda items" (events, office closed, meetings ...).

The dates are marked and clickable, but now I'd like to navigate to the "Day Detail" when the user clicks on one of the dates.

Here's what I have so far, but I'm missing (see ???) how I can append the selected date to the Url.Action method:

    $(document).ready(function() {
        $("#eventCalendar").datepicker({
            numberOfMonths: 3,
            beforeShowDay: highlightDays,
            onSelect: function(date, instance){
                window.location = '<%= Url.Action("Items", "Calendar", new { date = ???}) %>';
            }
        });
        });

Answer 1

window.location = '<%= Url.Action("Items", "Calendar") %>?date=' + encodeURIComponent(date);