Getting hidden value for a datepicker

Question

I have a datepicker as shown in this JSfiddle. I need to get the value of that datepicker and display it below calendar without any text box. How can I do it?
I tried

alert($("#datepicker").val());

and

alert($("#datepicker").getText());

and

alert($("#datepicker").getValue());

But it didn't work. How can I implement this?

Are you sure that `#datepicker` is the correct selector for your hidden input? — jpcanamaque, Dec 17 '14 at 06:41
Did you try [`getDate`](http://api.jqueryui.com/datepicker/)? — JNF, Dec 17 '14 at 06:42

score 5 · Accepted Answer · answered Dec 17 '14 at 06:42

You can use onSelect

$("#dp").datepicker({
  buttonImage: '//placehold.it/32',
  buttonImageOnly: true,
  changeMonth: true,
  changeYear: true,
  showOn: 'both',
  onSelect: function(value) {
    $('#mydiv').text(value)
  }
});

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/redmond/jquery-ui.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.js"></script>

<input type="hidden" id="dp" />
<div id="mydiv"></div>

score 2 · Answer 2 · edited May 23 '17 at 12:12

2

You can also use $('#').datepicker('getDate');

This is very similar to an existing question if you want to see more answers: Getting value from JQUERY datepicker

edited May 23 '17 at 12:12

Community

1
1

answered Dec 17 '14 at 06:43

Jonathan Holland

607
9
18

Getting hidden value for a datepicker

2 Answers2