Question

我在我的2个日期标签上使用了datepicker插件，我试图添加另一个日期验证功能。

这是我的datepicker插件代码

＆＃13;

<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.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(function() {
    $( "#datepicker" ).datepicker();
  });
  </script>
   <script>
  $(function() {
    $( "#datepicker2" ).datepicker();
  });
  </script>

</head>
<body>
 
<p>Date From: <input type="text" id="datepicker"></p>
<p>Date To: <input type="text" id="datepicker2"></p>
 
 
</body>
</html>

＆＃13;

这里是日期验证的javascript

＆＃13;

 <script>
 $("#from").change(function(){
    $("#to").attr("min",$(this).val());
});

$("#to").change(function(){
    $("#from").attr("max",$(this).val());
});

 </script>

＆＃13;

Answer 1

在window.load（）

上运行验证

https://jqueryui.com/datepicker/#date-range

是完美的例子

为2个日期标签调用2个javascript函数

1 个答案: