javascript - 无法使用 javascript 在表单上显示日期选择器

标签 javascript html jquery-ui validation datepicker

我正在尝试将 Datepicker 添加到我的在线表单中,作为我学生评估的一部分。我对这一切都很陌生,我遇到了问题。我已经下载并链接到我的 jquery UI,并且我已经按照 jquery UI 网站状态输入了代码,但是当我像它建议的那样单击日期字段时,我的表单上没有弹出日历,我也从这个网站上拿了例子,但我仍然无法让它工作。

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

最佳答案

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

关于javascript - 无法使用 javascript 在表单上显示日期选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18610874/

相关文章:

jquery - 将 jQuery slider 限制为另一个 slider 的值

javascript - 如何正确地从本地存储中检索数据?

javascript - HTML5 CSS3/Javascript 模糊蒙版

javascript - jquery 添加一个参数到新闻通讯表单

html - 行高在 HTML 电子邮件的 Outlook 2010 中不起作用

html - 具有响应式中央列的 3 列布局

jquery - 图像悬停动画

jQuery UI Datepicker 导致 Internet Explorer 崩溃

javascript 增加 1/8 问题

javascript - Chrome 中 var 的奇怪行为