datetimepicker is not a function jquery

Question

I working with datetimepicker jquery ui  when code below html   datetimepicker is not displaying and when i inspect with firebug console it displayed an error         example1   datetimepicker is not a function  Break On This Error      example1   datetimepicker       and below is the code   lt link href  css styles css  rel  stylesheet  type  text css  gt   lt link href  css jquery-ui-1 8 16 custom css  rel  stylesheet  type  text css  gt    lt style gt       ui-timepicker-div  ui-widget-header   margin-bottom  8px          ui-timepicker-div dl   text-align  left         ui-timepicker-div dl dt   height  25px  margin-bottom  -25px         ui-timepicker-div dl dd   margin  0 10px 10px 65px                   ui-timepicker-div td   font-size  90                     ui-tpicker-grid-label   background  none  border  none  margin  0  padding  0                         lt  style gt     lt script type  text javascript  src  scripts jquery js  gt  lt  script gt    lt script type  text javascript  src  scripts jquery ui jquery ui datepicker js  gt  lt  script gt   lt script type  text javascript  src  scripts jquery ui jquery-ui-1 8 16 custom min js  gt  lt  script gt   lt script type  text javascript  src  scripts jquery ui jquery-ui-timepicker-addon js  gt  lt  script gt   lt script type  text javascript  src  scripts jquery ui jquery-ui-sliderAccess js  gt  lt  script gt    lt script gt        document  ready function                example1   datetimepicker             lt  script gt    lt script gt    lt  script gt    lt input type  text  id  example1  class  hasDatePicker  gt

User · Answer

For some reason this link solved my problem...I don't know why tho..

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script>

Then this:

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>

NOTE: I am using Bootstrap 3 and Jquery 1.11.3

User · Answer

Place your scripts in this order        lt link rel  stylesheet  href  https   maxcdn bootstrapcdn com bootstrap 3 3 5 css bootstrap min css  gt        lt  -- Optional theme -- gt       lt link rel  stylesheet  href  https   maxcdn bootstrapcdn com bootstrap 3 3 5 css bootstrap-theme min css  gt       lt link rel  stylesheet  href  https   cdnjs cloudflare com ajax libs bootstrap-datetimepicker 4 17 37 css bootstrap-datetimepicker min css    gt        lt script src  https   cdnjs cloudflare com ajax libs moment js 2 10 6 moment min js  gt  lt  script gt          lt script src  https   ajax googleapis com ajax libs jquery 1 11 3 jquery min js  gt  lt  script gt       lt script src  https   maxcdn bootstrapcdn com bootstrap 3 3 5 js bootstrap min js  gt  lt  script gt        lt script src  https   cdnjs cloudflare com ajax libs bootstrap-datetimepicker 4 17 37 js bootstrap-datetimepicker min js  gt  lt  script gt

User · Answer

document  ready function            example1   datetimepicker         allowMultidate  true        multidateSeparator

User · Answer

I had the same problem with bootstrap datetimepicker extension  Including moment js before datetimepicker js was the solution

User · Answer

Keep in mind  the jQuery UI s datepicker is not initialized with datetimepicker    there appears to be a plugin addon here  http   trentrichardson com examples timepicker      However  with just jquery-ui it s actually initialized as     example   datepicker     See jQuery s demo site here  http   jqueryui com demos datepicker        document  ready function                example1   datepicker              To use the datetimepicker at the link referenced above  you will want to be certain that your scripts path is correct for the plugin

User · Answer

It s all about the order of the scripts  Try to reorder them  place jquery datetimepicker js to be last of all scripts

[jquery-ui] datetimepicker is not a function jquery

Examples related to jquery-ui

Examples related to datetimepicker