Jquery DatePicker

There's no reason to have separate init functions for jquery so change your code to this:

$(function() {
    $( "#adddate" ).datepicker();
    $( "#datecompl" ).datepicker();
});

What happens if you don't use Scheme-less URL?
It seams that this does not work if you open the html file locally!

Yes it won't work locally because of the scheme-less URL.  If you view it locally it will try to load "file://code.jquery....."

Remove the line:

<script src="//code.jquery.com/jquery-1.10.2.js"></script>

Select allOpen in new window

As you have another script tag that includes jquery-latest.min.js.

And add "http:" to the other 2 lines where you have "//code........." and make them "http://code......"

then it should work.

To Brian Tao,

I believe I did what you said. Doesn't work.

So I applied the same changes to the test page (that previously worked), now it doesn't work.

The revised version of that is attached.

FireFox web console gives this:

ReferenceError: jQuery is not defined jquery-ui.js:14
ReferenceError: $ is not defined

If we can get the test version to work, maybe I can try the real page

Thanks
jq-datepicker-test.htm

To all,

I got the test version to work by adding this back in:

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>

I also added it to the "real" page; real page does not work.

Here are the applicable elements of the real page:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="jquery/jquery.lightbox_me.js"></script>
      
<script>
            
                  $(document).ready(function() {
                  
                        $('#button').click(function(e) {
                              $('#as_built').lightbox_me({
                                    closeClick:      true,      
                              });
                              e.preventDefault();
                        });                        

                  });
$(function() {
    $( "#adddate" ).datepicker();
    $( "#datecompl" ).datepicker();
});
                  

    </script>

HTML:

<tr>
            <td align="right">Date Completed:&nbsp;</td>
            <td><input name="datecompl" id="datecompl" type="text" class="pt12" size="12" readonly="readonly"></td>
      </tr>

FireFox Web Console says:

TypeError: $(...).datepicker is not a function (refers to the line  $( "#adddate" ).datepicker();)

Note the lightbox thing has nothing to do with this, I included it in case it was somehow connected to making it not work.

Thanks