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

call 2 javascript function in for 1 date label

本文关键字:调用 标签 2个 javascript 函数 日期 一个      更新时间:2023-09-26

我正在使用日期picker插件为我的2日期标签,我正试图添加另一个功能,即日期验证。

这是我的日期picker插件的代码

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

日期验证的javascript代码

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

运行window.load()验证

https://jqueryui.com/datepicker/日期范围

就是最好的例子

相关文章: