获取datepicker的隐藏值

Question

我有一个日期选择器,如这个JSfiddle所示.我需要获取该日期选择器的值并将其显示在日历下方,而不显示任何文本框.我该怎么做？
我试过了

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

和

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

和

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

但它没有用.我该如何实现呢？

Answer 1

您可以使用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>