ansaurus

Question

Answer 1

A:

try

$('#page_output').html(str_output);

JeremySpouken 2010-04-01 19:19:22

i changed it, but still no image after clicking date

matt 2010-04-01 19:31:32

Answer 2

A:

This line looks questionable:

page_output.innerHTML = str_output;

You can use .innerHTML within jQuery, or you can use it without, but you have to address the selector semantically one way or the other:

$('#page_output').innerHTML /* for jQuery */
document.getElementByID('page_output').innerHTML /* for standard JS */

or better yet

$('#page_output').html(str_output);

dclowd9901 2010-04-01 19:20:45

i changed it, but still no image after clicking date

matt 2010-04-01 19:29:56

`$('#page_output').innerHTML /* for jQuery */` should be `$('#page_output')[0].innerHTML /* for jQuery */` or equivalent as `innerHTML` is not a property on a jQuery object.

Russ Cam 2010-04-01 19:46:04

changed to var str_output = "<h1><center><p>"+ date + "</p></center></h1>"; $('#page_output')[0].innerHTML = str_output;just to display date if it is returning correctly, not displaying date at all

matt 2010-04-01 20:08:10

Thanks Russ. I don't mix raw JS and jQ that often, generally for this very reason.

dclowd9901 2010-04-01 20:21:19

Answer 3

+2 A:

I think you would want to add an 'onSelect' event handler to the initialization of your datepicker so your code gets triggered when the user selects a date. Try it out on jsFiddle

$(document).ready(function(){
    // Datepicker
    $('#datepicker').datepicker({
        dateFormat: 'yy-mm-dd',
        inline: true,
        minDate: new Date(2010, 1 - 1, 1),
        maxDate:new Date(2010, 12 - 1, 31),
        altField: '#datepicker_value',
        onSelect: function(){
            var day1 = $("#datepicker").datepicker('getDate').getDate();                 
            var month1 = $("#datepicker").datepicker('getDate').getMonth() + 1;             
            var year1 = $("#datepicker").datepicker('getDate').getFullYear();
            var fullDate = year1 + "-" + month1 + "-" + day1;
            var str_output = "<h1><center><img src=\"/images/a" + fullDate +".png\"></center></h1><br/><br>";
            $('#page_output').html(str_output);
        }
    });
});

AdmSteck 2010-04-01 20:07:37

Updated to include the correct jQuery syntax like Jeremy and dcloud suggested.

AdmSteck 2010-04-01 20:14:11

that did the trick, i can display the date selected, my img code is messed up somehow, easily remedied now than i can just display something. Thanks for the help everyone

matt 2010-04-01 20:27:30

If this is the answer that fixed you problem then you should probably check it so future readers know.

AdmSteck 2010-04-06 17:03:36

checked it so future readers know

matt 2010-04-15 17:14:28

ansaurus

tags:

views:

answers:

getDate with Jquery Datepicker

related questions