Question

我遇到了这个问题。我想要做的是，我想检索datepicker的值并将其存储在变量中，然后我想要弹出值。但是，当我单击Go按钮时，我得到了未定义的值。这是我的代码：

<!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（）方法中，它将起作用

从Datepicker检索值

3 个答案: