title: How to call a datetimepicker ? Object doesn't support this property
body: <p>I am trying to call a datetime picker ..how to do it ?</p>
  
  <p>i am referring this link</p>
  
  <p><a href="http://trentrichardson.com/examples/timepicker/" rel="nofollow">http://trentrichardson.com/examples/timepicker/</a></p>
  
  <p>And i have included .js files as below:</p>
  
  <pre><code>    &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js"&gt;&lt;/script&gt;
  &lt;script src="@Url.Content("~/Scripts/JqgridAction.js")" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="@Url.Content("~/Scripts/MVCControls/jquery-ui-1.8.16.custom.min.js")" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="@Url.Content("~/Scripts/MVCControls/jquery-ui-timepicker-addon.js")" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="@Url.Content("~/Scripts/MVCControls/jquery-ui-sliderAccess.js")" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="@Url.Content("~/Scripts/MVCControls/jquery-1.7.1.min.js")" type="text/javascript"&gt;&lt;/script&gt;
   &lt;script type="text/javascript"&gt;
      $(document).ready(function () {
      alert($("#example1").length);
          $('#example1').datetimepicker();
      });  
  &lt;/script&gt;
  </code></pre>
  
  <p>And this is my body:</p>
  
  <pre><code>&lt;div class="blueline"&gt;
      &lt;div align="left"&gt;
          @Html.ValidationSummary(false, "Please correct the following errors")
          @using (Html.BeginForm())
          {   
               &lt;div class="example-container"&gt;
                  &lt;p&gt;
                      Add a simple timepicker to jQuery UI's datepicker&lt;/p&gt;
                  &lt;div&gt;
                      &lt;input id="example1" class="hasDatepicker" type="text" value="" name="example1" /&gt;
                  &lt;/div&gt;              
              &lt;/div&gt;
  
              &lt;div class="clear"&gt;
              &lt;/div&gt;
          }
  
  &lt;/div&gt;
  </code></pre>
  
  <p>I am getting error : Microsoft JScript runtime error: Object doesn't support this property or method</p>
  
  <p>show code below:at the line $('#example1').datetimepicker();  </p>
  
  <pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/JqgridAction.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/MVCControls/jquery-ui-1.8.16.custom.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/MVCControls/jquery-ui-timepicker-addon.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/MVCControls/jquery-ui-sliderAccess.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/MVCControls/jquery-1.7.1.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $(document).ready(function () {
        $('#example1').datetimepicker(); 
      });  
  &lt;/script&gt;
  </code></pre>
  
  <p>I can see the render text box, after i ignore error, but i cannot get the calender when i focus the mouse inside the text box.</p>