Fatal编程技术网
  • javascript/
  • Can'；无法使用javascript使日期选择器显示在表单上

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

javascript html jquery-ui validation

Can'；无法使用javascript使日期选择器显示在表单上,javascript,html,jquery-ui,validation,datepicker,Javascript,Html,Jquery Ui,Validation,Datepicker,我正在尝试将日期选择器添加到我的在线表单中，作为我学生评估的一部分。我对这一切都很陌生，我有一些问题。我已经下载并链接到我的jquery UI，并且我已经按照jquery UI网站的状态键入了代码，但是当我点击日期字段时，日历不会像它所建议的那样出现在我的表单上，我也从这个网站上取了一些例子，但我仍然无法让它工作 <head> <link href="javascript/jquery-ui-1.10.3.custom/css/south-street/jquery-ui-

我正在尝试将日期选择器添加到我的在线表单中，作为我学生评估的一部分。我对这一切都很陌生，我有一些问题。我已经下载并链接到我的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>


函数验证（）{
日期=document.getElementById（“日期选择器”）.value；
错误=”；
如果（日期==“”）{
错误+=“请提供有效的DOB\n”；
}
}
日期
您需要在ready或load函数中调用代码，或者将其插入函数并在主js文件中调用。

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

您必须有一些jQuery代码来初始化日期选择器，如

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


$（函数（）{
$（'#datePicker'）。datePicker（）；
});
必须使用一些jQuery代码来初始化日期选择器，如

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


$（函数（）{
$（'#datePicker'）。datePicker（）；
});
需要在身体负重时调用datepicker

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


$（文档）.ready（函数（）{
$（“#日期选择器”）.datePicker（）；
});
需要在身体负重时调用datepicker

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


$（文档）.ready（函数（）{
$（“#日期选择器”）.datePicker（）；
});


$（文档）.ready（函数（）{
$（“#日期选择器”）.datePicker（）；
});
函数验证（）{
日期=document.getElementById（“日期选择器”）.value；
错误=”；
如果（日期==“”）{
错误+=“请提供有效的DOB\n”；
}
}


$（文档）.ready（函数（）{
$（“#日期选择器”）.datePicker（）；
});
函数验证（）{
日期=document.getElementById（“日期选择器”）.value；
错误=”；
如果（日期==“”）{
错误+=“请提供有效的DOB\n”；
}
}
首先初始化datepicker UI方法

$(document).ready(function(){
    $("#datePicker").datepicker();
});
因为您使用的是jQuery，所以得到的值如下

$("#datePicker").val();
更新： 从日期选择器中选择值后获取该值

$(document).ready(function () {
    $("#datePicker").datepicker({
        onSelect: function (date) {
            alert(date);
        }
    });
});
首先初始化datepicker UI方法

$(document).ready(function(){
    $("#datePicker").datepicker();
});
因为您使用的是jQuery，所以得到的值如下

$("#datePicker").val();
更新： 从日期选择器中选择值后获取该值

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

我更喜欢Devang的方法，好像刚接触Js/JQuery的人出现了，他们不会知道这是文档的快捷方式。ready函数：）非常感谢我现在让代码正常工作，你们都给出了同样的专家建议！我有很多东西要学：）我更喜欢Devang的方法，好像刚接触Js/JQuery的人来了，他们不会知道这是文档的捷径。ready函数：）非常感谢我现在让代码正常工作，你们都给出了同样的专家建议！我有很多东西要学：）非常感谢我的代码现在可以工作了，你们都给出了同样的专家建议！我有很多东西要学：）非常感谢我的代码现在可以工作了，你们都给出了同样的专家建议！我有很多东西要学：）非常感谢我的代码现在可以工作了，你们都给出了同样的专家建议！我有很多东西要学：）非常感谢我的代码现在可以工作了，你们都给出了同样的专家建议！我有很多东西要学：）非常感谢我的代码现在可以工作了，你们都给出了同样的专家建议！我有很多东西要学：）非常感谢我的代码现在可以工作了，你们都给出了同样的专家建议！我有很多东西要学：）非常感谢我的代码现在可以工作了，你们都给出了同样的专家建议！我有很多东西要学：）非常感谢我的代码现在可以工作了，你们都给出了同样的专家建议！我有很多东西要学：）非常感谢我的代码现在可以工作了，你们都给出了同样的专家建议！我有很多东西要学：）@Steve很高兴能帮助你：）@Steve我想用onSelect展示一把小提琴非常感谢我的代码现在运行正常，你们都给出了同样的专家建议！我有很多东西要学：）@Steve很高兴能帮助你：）@Steve我想用onSelect赠送一把小提琴