getDate with Jquery Datepicker

Question

i am trying to get date from my implementation of jquery date picker  add it to a string and display the resulting image in my div  Something however is just not working  Can anyone check out the code and have a look at it    The code is supposed to take the date from date picker  combine it in a string which is to have the necessary code to display  tag  images are located in  image and in the format aYY-MM-DD png  new to this date picker and can t quite get it down yet    lt html gt   lt head gt       lt meta http-equiv  Content-Type  content  text html  charset iso-8859-1    gt        lt link type  text css  href  css ui-lightness jquery-ui-1 8 custom css  rel  stylesheet    gt         lt script type  text javascript  src  js jquery-1 4 2 min js  gt  lt  script gt       lt script type  text javascript  src  js jquery-ui-1 8 custom min js  gt  lt  script gt       lt script type  text javascript  gt            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                                                hover states on the static widgets                 dialog link  ul icons li   hover                  function       this  addClass  ui-state-hover                        function       this  removeClass  ui-state-hover                                                     var img date    datepicker  getDate                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     lt h1 gt  lt center gt  lt img src    images a    fullDate     png   gt  lt  center gt  lt  h1 gt  lt br  gt  lt br gt        page output innerHTML   str output         writing the results to the div element  page out       lt  script gt   lt  head gt   lt body style  background-color  000 color  fff margin  auto auto   gt          lt  -- Datepicker -- gt        lt div id  datepicker  gt  lt  div gt        lt  -- Highlight   Error -- gt       lt p gt Date Value   lt input type  text  id  datepicker value    gt  lt  p gt       lt div id  page output  style  text-align center  margin-top 80px  margin-bottom 20px    gt  lt  div gt     lt  body gt

User · Answer

Instead of parsing day  month and year you can specify date formats directly using datepicker s formatDate function   In my example I am using  yy-mm-dd   but you can use any format of your choice       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 fullDate     datepicker formatDate  yy-mm-dd     this  datepicker  getDate             var str output     lt h1 gt  lt center gt  lt img src    images a    fullDate    png   gt  lt  center gt  lt  h1 gt  lt br  gt  lt br gt                page output   html str output

User · Answer

try      page output   html str output

User · Answer

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     lt h1 gt  lt center gt  lt img src    images a    fullDate    png   gt  lt  center gt  lt  h1 gt  lt br  gt  lt br gt                    page output   html str output

User · Answer

You can format the jquery date with this line   moment   elem  datepicker  getDate    format  YYYY-MM-DD     http   momentjs com

User · Answer

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

[jquery] getDate with Jquery Datepicker

Examples related to jquery

Examples related to datepicker

Examples related to uidatepicker

Examples related to jquery-ui-datepicker