BootStrap Uncaught TypeError datetimepicker is not a function

Question

I have just started off with BootStrap  however stranded with Uncaught TypeError         datetimepicker is not a function error message  Could someone let me know what went missing with this code  Since then  have referred to multiple similar questions but to no avail  home page html  lt  DOCTYPE html gt   lt html gt   lt head gt   lt meta charset  quot ISO-8859-1 quot  gt   lt meta name  quot viewport quot  content  quot width device-width  initial-scale 1 quot  gt    lt title gt Health Insurance lt  title gt    lt link rel  quot stylesheet quot  href  quot css bootstrap min css quot  gt   lt link rel  quot stylesheet quot  href  quot css bootstrap-theme css quot  gt   lt link rel  quot stylesheet quot  href  quot js bootstrap-datepicker min css quot  gt   lt link rel  quot stylesheet quot  href  quot css bootstrap css quot  gt    lt  head gt    lt body gt     lt form role  quot form quot  gt      lt div class  quot form-group form-group-sm quot  gt           lt label class  quot col-sm-2 control-label quot  for  quot insuredName quot  gt Insured Name   lt  label gt               lt div class  quot col-sm-3 quot  gt                   lt input class  quot form-control quot  type  quot text quot  id  quot insuredName quot  placeholder  quot Insured Name quot  gt           lt  div gt       lt  div gt         lt div class  quot form-group form-group-sm quot  gt           lt label class  quot col-sm-2 control-label quot  for  quot rel PolicyHolder quot  gt Relation with Policy Holder   lt  label gt           lt div class  quot col-sm-3 quot  gt               lt input class  quot form-control quot  type  quot text quot  id  quot rel PolicyHolder quot  placeholder  quot Relation with Policy Holder quot  gt   lt br   gt               lt br   gt           lt  div gt       lt  div gt         lt div class  quot container quot   gt   lt div class  quot col-sm-4 quot  style  quot height 130px  align right quot  gt                                            lt div class  input-group date  gt                   lt input type  text  class  quot form-control quot  id  datetimepicker9    gt                        lt span class  quot input-group-addon quot  gt                                lt span class  quot glyphicon glyphicon-calendar quot  gt  lt  span gt                       lt  span gt                lt script src  quot js jquery-1 11 2 min js quot  gt  lt  script gt  lt  script gt               lt script src  quot js bootstrap min js quot  gt  lt  script gt               lt script src  quot js bootstrap-datepicker min js quot  gt  lt  script gt         lt script type  quot text javascript quot  gt                function                      datetimepicker9   datetimepicker               viewMode   years                                     lt  script gt        lt  div gt         lt  div gt       lt  div gt     lt  form gt     lt  body gt   lt  html gt   All the files are placed under WebContent folder in Eclipse but outside of META-INF and WEB-INF folder  Files under css folder  bootstrap-theme css bootstrap-theme css map bootstrap-theme min css bootstrap css bootstrap css map bootstrap min css enhanced css jquery-ui css ui daterangepicker css  Files under fonts folder  glyphicons-halflings-regular eot glyphicons-halflings-regular svg glyphicons-halflings-regular ttf glyphicons-halflings-regular woff glyphicons-halflings-regular woff2  Files under js folder  bootstrap-datepicker min css bootstrap-datepicker min js bootstrap js bootstrap min js date js enhance min js fileinput jquery js jquery-1 11 2 min js jquery-1 8 3 min js jquery-1 9 0 min js jquery-ui js npm js  Error-message  Uncaught TypeError         datetimepicker is not a function  anonymous function    home page html 82 m Callbacks j   jquery-1 11 2 min js 2 m Callbacks k fireWith   jquery-1 11 2 min js 2 m extend ready   jquery-1 11 2 min js 2 J   jquery-1 11 2 min js 2  Any guidance would be noteworthy

User · Answer

You are using an old version of the date picker js. Upgrade datepicker js with latest one.

Replace your bootstrap-datetimepicker.min.js file with this will work..

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

User · Answer

This is a bit late but I know it will help someone   If you are using datetimepicker make sure you include the right CSS and JS files  datetimepicker uses Take note of their names    https   cdnjs cloudflare com ajax libs bootstrap-datetimepicker 4 17 37 css bootstrap-datetimepicker css  and  https   cdnjs cloudflare com ajax libs bootstrap-datetimepicker 4 17 37 js bootstrap-datetimepicker min js  On the above question asked by  mindfreak The main problem is due to the imported files

User · Answer

I had the same problem  you have to load first the Moment js file    x000D   x000D   lt script src  path moment js  gt  lt  script gt  x000D   lt script src  path bootstrap-datetimepicker js  gt  lt  script gt  x000D   x000D   x000D

User · Answer

You guys copied the wrong code    Go into the   build  folder and grab the jquery datetimepicker full js or jquery datetimepicker full min js if you want the minified version  It should fix it

User · Answer

You are using datetimepicker when it should be datepicker  As per the docs  Try this and it should work    lt script type  text javascript  gt      function              datetimepicker9   datepicker         viewMode   years                  lt  script gt

User · Answer

I had this problem  Solution for me was to remove links to Vue js files  Vue js and JQuery have some conflicts in datepicker and datetimepicker functions

[javascript] BootStrap : Uncaught TypeError: $(...).datetimepicker is not a function

Examples related to javascript

Examples related to jquery

Examples related to html

Examples related to css

Examples related to twitter-bootstrap