Skip to main content

JavaScript function to automatically add slashes to date

In converting an old Windows app to a browser app, the user wanted to be able to enter dates without the slashes. Here's a simple jscript:

   1: // Function to convert short date string (MMddyy)
   2: // or (MMddyyyy) to a date string (mm/dd/yyyy).
   3: // txtBox is the actual textbox control
   4: // with the value to be processed.
   5: function FixShortDate(txtBox) {
   6:     if (txtBox == null) { 
   7:         return '' }
   8:  
   9:     var re = new RegExp(/(\d{6})(\d{2})?/);
  10:  
  11:     if (re.test(txtBox.value))
  12:     {
  13:         if (txtBox.value.length == 8) {
  14:             txtBox.value = txtBox.value.substring(0, 2) + '/' + txtBox.value.substring(2, 4) + '/' + txtBox.value.substring(4, 8)
  15:         }
  16:         
  17:         if (txtBox.value.length == 6) {
  18:             if (txtBox.value.substring(4, 6) < 20)
  19:             {
  20:                 txtBox.value = txtBox.value.substring(0, 2) + '/' + txtBox.value.substring(2, 4) + '/20' + txtBox.value.substring(4, 6);
  21:             }
  22:             else
  23:             {
  24:                 txtBox.value = txtBox.value.substring(0, 2) + '/' + txtBox.value.substring(2, 4) + '/19' + txtBox.value.substring(4, 6);
  25:             }
  26:         }
  27:     }
  28:     return txtBox.value;
  29: }

I simply add the call to the onBlur event and we're off to the races.

   1: Enter your date:
   2: <input type="text" id="testdate" onblur="FixShortDate(this)" />

I've chosen 2020 as my cutoff year so anything 033120 will be 03/31/1920 while 033119 will be 03/31/2019.

Hope you enjoy.

Comments

Anonymous said…
Thank you!
I had the exact same request and your code came very handy.
gaurav mamidwar said…
Dear,

Thanks a lot for sharing such nice code with us.... Thnx a lot....
Anonymous said…
helped me in coding......
Thank you.

Popular posts from this blog

Migrating Legacy Apps to the New SimpleMembership Provider

Asp.Net MVC4 uses the new SimpleMembership provider, changes the table structure and adds a new hashing algorithm. The reasons for the changes can be found in this article by Jon Galloway. This article shows how to migrate your existing apps to the new provider.I’m assuming that you stored your passwords in the unrecoverable SHA-1 format. If you didn’t, then you’ll have to change a couple of things. All of my apps are done this way so… I’m also assuming that you have created the basic skeleton of the new app and ran it once so the correct tables will be created.First, we’ll look at the new tables. Previously, we had all of those aspnet_xxxxxx tables. Here’s the new ones.UserProfileContains all of the elements relevant to the user. This is a combination of the aspnet_Users table and the aspnet_Profiles table.webpages_MembershipStores the password info when not using OAuth, Live, Facebook, etc. This table is somewhat of a match to the aspnet_Membership table.webpages_OAuthMembershipStor…