ASP.NET MVC Calendar component

I am writing simple ASP.NET MVC system that I plan to publish with source code pretty soon. I needed some simple calendar component that doesn’t require ASP.NET server-side form to work. I found different JavaScript based calendars and only one pretty oldcalendar that was specially written for ASP.NET MVC. I updated it and here is the source and binary downloads for Visual Studio 2008 and ASP.NET MVC 1.0.

MVC calendar exampleWell, this component is written for ASP.NET MVC Preview and with my modifications it also works for MVC 1.0 too. I was not able to get contact with author so I published files here. I changed no names of namespaces and classes, so it is easy to merge my changes to current code if author wishes it.

Image on the right side shows how the calendar looks like with default settings. Calendar has its own CSS file so it is very easy to change the look of it. Currently the calendar needs some modifications and I’m trying my modifications there as soon as possible.

You can use calendar on your views like this:

<%
var dates = new DateTime[2];
dates[0] = new DateTime(2009, 7, 12);
dates[1] = new DateTime(2009, 7, 29);
%>
<%
= Html.Calendar("id",DateTime.Now,dates,"Controller","Action")%>

Seems convenient, at least to me. If I make any significant modifications I will write new posting here that describes new features.

Download

zipAllWebIdea.zip

Visual Studio 2008 Project with binaries

Size: 28KB

 

Gunnar Peipman

Gunnar Peipman is ASP.NET, Azure and SharePoint fan, Estonian Microsoft user group leader, blogger, conference speaker, teacher, and tech maniac. Since 2008 he is Microsoft MVP specialized on ASP.NET.

    4 thoughts on “ASP.NET MVC Calendar component

    • July 27, 2009 at 1:32 pm
      Permalink

      Just out of curiousity did you give any thought to using the Calendar control from jquery ui?

    • July 27, 2009 at 4:30 pm
      Permalink

      Hi Justin!

      I thought about jQuery plugins but they doesn’t fit to my context easily. I needed just calendar that shows links with dates that I ask with LINQ query. Users can click on dates and see what information is related to selected date.

      I know that there are also pretty cool plugins for jQuery.

    • September 17, 2009 at 10:57 am
      Permalink

      Where can I find the CSS file to change the look of tour modified calendar? I implemented it in a existing MVC-project but the only thing I got was a calendar without any visible borders etc…

      Kindest regards,

      Stijn

    • March 31, 2010 at 7:07 pm
      Permalink

      Thanks for submitting this – I do have a question though. The next and previous months are not navigating correctly. Thanks for your help.

    Leave a Reply

    Your email address will not be published. Required fields are marked *