从日期选择器中检索值

Question

我遇到了这个问题。我想要做的是，我想检索日期选择器的值并将其存储在变量中，然后我希望弹出该值。但是，当我单击“开始”按钮时，我得到了未定义的 value.Here 我的代码：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Datepicker - Default functionality</title>
   <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
  <script src="js/jquery-1.7.1.min.js"></script>
  <script src="js/jquery-ui.js"></script>
  <script src="js/jquery-ui.min.js"></script>

  <script>
  $(function() {
    $( "#datepicker" ).datepicker({
        changeMonth: true,
        changeYear: true});
  });
  </script>
  <style>
    div.ui-datepicker{font-size:10px;}
  </style>
</head>
<body>

<p>Date: <input type="text" id="datepicker"></p>
<input value="  Go  " onClick="Go_OnClick()" type="button">

<script>
    function Go_OnClick(){
        dateVariable = $("datepicker").val();
        alert(dateVariable);
    }
</script>


</body>
</html>

Answer 1

您错过了 IDselector 的 #，这可能不是使用 .val() 检索日期的好习惯，您将获得字符串值，检索日期：

您需要使用getDate()

function Go_OnClick(){
    dateVariable = $("#datepicker").datepicker('getDate'); //getDate and # for ID selectror
    alert(dateVariable);
 }

Answer 2

你打错了。

将dateVariable = $("datepicker").val();更改为dateVariable = $("#datepicker").val();

您在 datepicker

之前少了一个#

Answer 3

当我们试图获取 datepicker 的 val 时，你错过了 #。

所以使用 $("#datepicker").val();在 Go_OnClick() 方法中它会起作用

从日期选择器中检索值

Retrieving Value from Datepicker

javascript

jquery

datepicker