ansaurus

Question

Answer 1

A:

Try placing your tag at the bottom of the page (after the body tag), or do this

 $(document).ready( function() {

   $("#test_input").datepicker();

 });

The javascript gets interpreted before the input(#test_input) tag is loaded into the dom, so that might be the problem.

Rishav Rastogi 2009-10-20 20:43:44

Code inside `$(document).ready( function() { ... } );` gets executed when the page has finished loading, despite its position inside it.

Alex Bagnolini 2009-10-20 21:39:45

i know, thats why the 'or' in my answer

Rishav Rastogi 2009-10-20 21:52:30

you can do either , place his code at the bottom or use $(document).ready() ...

Rishav Rastogi 2009-10-20 21:53:12

He actually is using the shortcut to the document.ready function already. If a function is passed into the jQuery object, it automatically waits until the document is ready to run it. $(function(){ /* the document is ready */ });

Alex Sexton 2009-10-20 22:06:29

nice thanks. Didn't know that.. :)

Rishav Rastogi 2009-10-20 22:15:41

Answer 2

+3 A:

Correct your <script> tag. You can then handle the returned date like this:

<script type="text/javascript">
  $(document).ready(
      function() {
          $('#input_test').datepicker(
              {
                  onClose: function(dateText, inst) {
                          alert("My date is: " + dateText);
                      }
              }
          );
      }
  );
</script>

Alex Bagnolini 2009-10-20 20:45:42

thanks but it didn't work.. hmm..

Obay 2009-10-20 20:58:20

i think i got it! i changed "input_test" to "test_input" (lol :P) then i used the <div> technique and changed "onClose" in your script to "onSelect" ;) thanks man!

Obay 2009-10-20 21:10:54

ansaurus

tags:

views:

answers:

jQuery datepicker doesn't work

related questions