using twitter datepicker.css and bootstrap-datepicker.js

Question

I am trying to create a datepicker using twitter datepicker.css and bootstrap-datepicker.js but it's not working. I'm using codeigniter in this project.

<input type="text" name="end_date" value="" class="datepicker" data-format="dd-MM-yyyy" />  

<script>
    $(function() {
        $( ".datepicker" ).datepicker();
    });
</script>

I've included both the files mentioned above but this is not working. How can I make it work?

I have a Error(Firebug) --> "TypeError: $(...).datepicker is not a function"

i'm using bootstrap-responsive.css too but not bootstrap.css. Do this creates problem? — red one
– red one, Commented Jul 19, 2013 at 17:45
Error(Firebug) --> "TypeError: $(...).datepicker is not a function" — red one
– red one, Commented Jul 20, 2013 at 6:23

Chtioui Malek · Accepted Answer · 2022-11-24 11:50:26Z

2

You can can use : http://www.eyecon.ro/bootstrap-datepicker/

$(function() {
  $(".datepicker").datepicker({format:'dd/mm/yyyy'});
});

here's a working example : https://refork.codicode.com/x771

edited Nov 24, 2022 at 11:50

answered Jul 19, 2013 at 19:21

Chtioui Malek

11.6k1 gold badge76 silver badges70 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

red one Over a year ago

I included datepicker.css & bootstrap-datepicker.js in the head section, form in the body and $(function() after the form. What am I missing?

red one Over a year ago

I included jquery.1.9.1.min and now it's working but when I add it to my project (which has got other js files too), it's not working. Isn't there any way to stop this? Conflicts may have caused it.

red one Over a year ago

Error(Firebug) --> "TypeError: $(...).datepicker is not a function"

Chtioui Malek Over a year ago

the files needed are: (jquery js, bootstrap js, bootstrap-datepicker js). if your js file is causing a conflict or misconfiguration you have to find it.

Chtioui Malek Over a year ago

Also, check the source code of the page, make sure the jquery core is loaded before the datepicker and that the links to the files are valid.

Nathan · Accepted Answer · 2013-07-19 18:20:52Z

0

red one,

It would be helpful to share a jsFiddle of your code. At least let us know what scripts you are loading and styles you are loading and in which order. Since the datepicker is dependent on jQuery you need to make sure that jQuery is loading before your .js files. You asked about the bootstrap-responsive and bootstrap files. As long as you are linking to the correct one it should work.

Hopefully that gives you a little direction. Will update when you share more information.

answered Jul 19, 2013 at 18:20

Nathan

3,2401 gold badge31 silver badges46 bronze badges

2 Comments

red one Over a year ago

I'm using this datepicker.css and bootstrap-datepicker.js

Nathan Over a year ago

Where are you loading jQuery?

Collectives™ on Stack Overflow

using twitter datepicker.css and bootstrap-datepicker.js

2 Answers 2

5 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related