DatePicker Input Mask

DatePicker Input Mask

I am using the Jquery date picker. I have a page where the user can enter a date. I want to make sure when they enter a date it will show up __/__/____ when they type it in. I have 3 date pickers on the page I want to mask. All 3 are the same lay out.

My Code 

  2. <script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
  3. <link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />


  6. <link rel="stylesheet" href="css/redmond/jquery.ui.all.css">
  7.     <script src="js/jquery-1.7.2.js"></script>
  8.     <script src="js/jquery.ui.core.js"></script>
  9.     <script src="js/jquery.ui.widget.js"></script>
  10.     <script type="text/javascript" src="js/jquery.ui.datepicker.js"></script>
  11. <script src="js/jquery.ui.button.js"></script>
  12.   <script src="js/jquery.ui.position.js"></script>
  13.        <script src="js/jquery.ui.autocomplete.js"></script>
  14. <script type="text/javascript" src="js/validate.js"></script>
  15. <script type="text/javascript" src="js/currencyFields.js"></script>
  16. <script type='text/javascript' src='js/dFilter.js'></script>
  17. <script language="JavaScript" src="js/mm_menu.js"></script>


  20. <link rel="stylesheet" type="text/css" href="css/subModal.css" />    
  21. <script type="text/javascript" src="js/common.js"></script>    
  22. <script type="text/javascript" src="js/subModal.js"></script>

  25. <script>
  26. $(function() {
  27. $( "#datepicker" ).datepicker({
  28. changeMonth: true,
  29. changeYear: true
  30. });
  31. });

  33. $(function() {
  34. $( "#datepicker1" ).datepicker({
  35. changeMonth: true,
  36. changeYear: true
  37. });
  38. });

  40. $(function() {
  41. $( "#datepicker2" ).datepicker({
  42. changeMonth: true,
  43. changeYear: true
  44. });
  45. });

  47. </script>

  49. <body>
  50.       <input type="text" name="datepicker" id="datepicker" onchange="getTerm();" onblur="checkDate(this)" value="<cfoutput>#DateFormat(TheCurrentDateTime,"mm/dd/yyyy")#</cfoutput>"/>
  51. </body>

I saw some examples online that about masking but every time I try them they never seem to work. When I debug in IE it says the mask is undefined.
I have also tried
  1. $(".datepicker").mask("99/99/9999;");
everywhere that I can think of and I can't get it to work. I am fairly new to jquery so I am still trying to understand the functionality of it.

Thanks