Mennan
Mennan

Reputation: 4497

jQuery datetimepicker doesnt work.How do i use it?

I want to use datetimepicker but it gives error :

TypeError: Object # has no method 'datetimepicker'

I included this scripts:

<script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui-1.8.19.custom.min.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui-timepicker-addon.js" type="text/javascript"></script>

Also my code :

   TextBox dtPicker_ = new TextBox();
   dtPicker_.ID = "dt_" + i;
   dtPicker_.CssClass = "datePicker";
   dtPicker_.Attributes.Add("checkId", "ch_" + i);

   dtPicker_.Text = cell_value_format_.Trim();
   control_ = dtPicker_;


  // ConvertToTimePicker
  string csname1 = "BindDatePickerScript";
  Type cstype = this.GetType();

  // Get a ClientScriptManager reference from the Page class.
  ClientScriptManager cs = Page.ClientScript;
  // Check to see if the startup script is already registered.
  if (!cs.IsStartupScriptRegistered(cstype, csname1))
  {
       System.Text.StringBuilder cstext1 = new System.Text.StringBuilder();
       cstext1.Append("<script type='text/javascript'>");
       cstext1.Append("$('.datePicker').datetimepicker({ dateFormat: 'dd.mm.yy' });");
       cstext1.Append("</script>");

       cs.RegisterStartupScript(cstype, csname1, cstext1.ToString());
  }

Finally my "datepicker" function is working

cstext1.Append("$('.datePicker').datepicker({ dateFormat: 'dd.mm.yy' });");

But "datetimepicker" says not found

cstext1.Append("$('.datePicker').datetimepicker({ dateFormat: 'dd.mm.yy' });");

Upvotes: 0

Views: 3975

Answers (1)

Emad Mokhtar
Emad Mokhtar

Reputation: 3297

Apply $(document).ready(function(){//Put your Script here}); in order to tell jQuery to load this script when all DOM in the page are ready.

Upvotes: 3

Related Questions