無法使用JavaScript在表單上顯示Datepicker

Question

我正在嘗試將Datepicker添加到我的在線表單中，作為學生評估的一部分。 我對這一切都是新手，我遇到了問題。 我已經下載並鏈接到我的jquery用戶界面，並且按照jquery用戶界面網站的狀態輸入了代碼，但是當我按日期顯示時，日歷沒有彈出，但是我也想在日歷表中顯示日歷以這個網站為例，但我仍然無法使它正常工作。

<head>
  <link href="javascript/jquery-ui-1.10.3.custom/css/south-street/jquery-ui-1.10.3.custom.css" rel="stylesheet">
  <script src="javascript/jquery-ui-1.10.3.custom/js/jquery-1.9.1.js"></script>
  <script src="javascript/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.js"></script>

  <script>  
  function validate(){
  date = document.getElementById("datePicker").value;

  errors = "";

    if (date == ""){
      errors += "Please supply a valid DOB \n";
    }
  }
  </script>
</head>

<body>   
  <form name= "myform" method="post" action="" class="booking">
  <fieldset>
    <div>
      <label for="datePicker" class="fixedwidth">Date</label>
      <input type="text" name="datePicker" id="datePicker"/>
    </div>
  </fieldset>
</body>

Answer 1

您需要在ready或load函數中調用代碼，或將其插入函數並在主js文件中調用它。

Answer 2

需要在身體負荷時調用datepicker。

<script type="text/javascript">
$(document).ready(function(){
    $("#datePicker").datepicker();
});
</script>

Answer 3

 <script>  
$(document).ready(function(){
    $("#datePicker").datepicker();
});

  function validate(){
  date = document.getElementById("datePicker").value;

  errors = "";

    if (date == ""){
      errors += "Please supply a valid DOB \n";
    }
  }
  </script>

Answer 4

您必須具有一些jQuery代碼才能初始化datepicker，例如

    <script type="text/javascript">
    $(function(){
        $('#datePicker').datepicker();
    });
    </script>

Answer 5

You are missing this code in your script
$(function() {
    $( "#datepicker" ).datepicker();
  });

Answer 6

首先初始化datepicker UI方法。

$(document).ready(function(){
    $("#datePicker").datepicker();
});

由於您使用的是jQuery，因此獲得的值如下

$("#datePicker").val();

更新：從datepicker選擇值后獲取值

$(document).ready(function () {
    $("#datePicker").datepicker({
        onSelect: function (date) {
            alert(date);
        }
    });
});

JSFiddle

無法使用JavaScript在表單上顯示Datepicker

問題描述

6 個解決方案

解決方案1
3 已采納 2013-09-04 10:03:55

解決方案2
2 2013-09-04 10:06:37

解決方案3
2 2013-09-04 10:07:26

解決方案4
1 2013-09-04 10:05:53

解決方案5
1 2013-09-04 10:07:49

解決方案6
1 2013-09-04 10:09:07

無法使用JavaScript在表單上顯示Datepicker

問題描述

6 個解決方案

解決方案1 3 已采納 2013-09-04 10:03:55

解決方案2 2 2013-09-04 10:06:37

解決方案3 2 2013-09-04 10:07:26

解決方案4 1 2013-09-04 10:05:53

解決方案5 1 2013-09-04 10:07:49

解決方案6 1 2013-09-04 10:09:07

解決方案1
3 已采納 2013-09-04 10:03:55

解決方案2
2 2013-09-04 10:06:37

解決方案3
2 2013-09-04 10:07:26

解決方案4
1 2013-09-04 10:05:53

解決方案5
1 2013-09-04 10:07:49

解決方案6
1 2013-09-04 10:09:07