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>

Answer 2

您也可以使用$('#').datepicker('getDate');

如果您想查看更多答案，这与现有问题非常相似：Getting value from JQUERY datepicker

获取datepicker的隐藏值

2 个答案: