jvance.com

.net, c#, asp.net, linq, htpc, woodworking

Using the New DateTime Support in .NET 3.5 via MVC & jQuery

Posted in ASP.NET, BlogSvc, C#, MVC, jQuery by Jarrett on 10/9/2008 2:24:00 AM - CST

I've added New Global Date and Time Support  to BlogSvc by utilizing the new expanded support for date times with proper time zone support.  Some highlights in the MSDN documentation:

The DateTimeOffset structure represents a date and time value, together with an offset that indicates how much that value differs from UTC. Thus, the value always unambiguously identifies a single point in time. A DateTimeOffset value is not tied to a particular time zone, but can originate from any of a variety of time zones. The TimeZoneInfo class makes it possible to work with dates and times so that any date and time value unambiguously identifies a single point in time. Taking advantage of time zone support in the .NET Framework is possible only if the time zone to which a date and time value belongs is known when that date and time object is instantiated.

So the MSDN documentation is not clear on which class can make a date/time unambiguous.  However, the last sentence is the best clue.  We must capture both the UTC value and an originating time zone.

For an ASP.NET MVC application we can add configuration to associate all date/times to our preferred time zone. 

TimeZoneSettings

With this configuration, we can now write an HtmlHelper extension to display a DateTimeOffset in our preferred time zone.

DateTimeAbbrHelper

Call the extension method and pass it either a DateTimeOffset or a DateTime

.AbbrUsage

This will result in the follwing html:

<abbr title='Tuesday, October 07, 2008 10:01 PM (GMT-06:00) Central Time (US &amp; Canada)'>10/7/2008 10:01 PM - CST</abbr>

This gives an abbreviated date/time display at your preferred time zone.

However, you may want to display time relative to the user browsing your website. There are two ways to accomplish this:

  • Ask and store each user's time zone
  • Automatically determine user's time zone using javascript

The first option is commonly used with forums and requires the user to register and choose their preferred time zone. The second option makes much more sense for content websites (such as a blog) since it can occur automatically without registration.

There is already a great plugin for jQuery that can display fuzzy times that are directly relative to the user.  It is called the Time Ago Plugin.  To use it, lets create another helper extension that utilizes a micro-format:

TimeAgoAbbrHelper

This creates abbreviations in the html, that when activated through jQuery show times that will be automatically updated even after the user has loaded the page.

TimeAgoDisplay

This DateTime display is much more recognizable and personable to the casual user.

Head on over to the BlogSvc website to download the code.

Update: here is a bonus function that will allow you to format the date (with access to the time zone information) anyway you'd like.

DateTimeAbbrHelperBonus

 

Call it like

:DateTimeAbbrHelperBonusCall

Comments

Trackback from DotNetKicks.com on 10/8/2008 9:49:55 PM - CST

Using the New DateTime Support in .NET 3.5 via MVC

You've been kicked (a good thing) - Trackback from DotNetKicks.com

Add Comment

Login using
Google Yahoo flickr AOL
and more
Or provide your details
Please enter your name. Please enter a valid email. Please enter a valid website.
Please supply a comment.
4.3 (4)
on 10/5/2009 9:20:53 PM - CST

Recent Entries

© Copyright 2014 Powered by AtomSite 1.3.0.0