1

作为学生评估的一部分,我正在尝试将 Datepicker 添加到我的在线表格中。我对这一切都很陌生,我遇到了问题。我已经下载并链接到我的 jquery UI 并且我已经根据 jquery UI 网站状态输入了代码但是当我点击 Date 字段时日历没有弹出我的表单,就像它建议的那样,我也从该站点获取示例,但我仍然无法使其正常工作。

<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>
4

6 回答 6

3

您需要在 ready 或 load function 中调用您的代码,或者将其插入一个函数并在您的主 js 文件中调用它。

于 2013-09-04T10:03:55.520 回答
2

你必须有一些 jQuery 代码来初始化 datepicker,比如

    <script type="text/javascript">
    $(function(){
        $('#datePicker').datepicker();
    });
    </script>
于 2013-09-04T10:05:53.407 回答
2

需要在身体负荷上调用 datepicker。

<script type="text/javascript">
$(document).ready(function(){
    $("#datePicker").datepicker();
});
</script>
于 2013-09-04T10:06:37.833 回答
2
 <script>  
$(document).ready(function(){
    $("#datePicker").datepicker();
});

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

  errors = "";

    if (date == ""){
      errors += "Please supply a valid DOB \n";
    }
  }
  </script>
于 2013-09-04T10:07:26.080 回答
1

首先初始化 datepicker UI 方法。

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

由于您使用的是 jQuery,因此您会得到类似的值

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

更新: 从中选择后获取值datepicker

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

JSFiddle

于 2013-09-04T10:09:07.073 回答
1
You are missing this code in your script
$(function() {
    $( "#datepicker" ).datepicker();
  });
于 2013-09-04T10:07:49.243 回答