防止使用 jQuery 或 Java 选择未来日期

我对网站建设很陌生，我正在尝试将验证构建到员工将提交的表格中。我想防止他们为特定字段选择将来的日期。到目前为止，我在其他帖子中读到的建议解决方案都没有对我有用。相信我，我已经在这个领域呆了更长的时间，我想承认我尝试了我能找到的一切。我将非常感谢一些帮助来弄清楚我做错了什么。以下是我的代码部分，希望足以了解正在发生的事情。

<head>
 <script>
        $(document).ready(function(){
            $(function(){
            $("#purchasedate").datepicker({
            maxDate: '0',
            format: 'mm-dd-yyyy'
            }); 
            });
 </script>
 <script 
   src="https://ajax.googleapis.com/ajax/libs/
   jquery/3.2.1/jquery.min.js">
 </script>
</head>
<body>
 <section>
  <form method="post" action="#">
   <p>Purchase Date</p>
   <input class="purchasedate" 
    type="date" 
    name="purchaseDate" 
    value="" 
   />
  </form>
 </section>
<body>

我试过使用 maxDate： new Date((。我已经尝试过没有就绪函数或包含日期选择器的函数。预览页面时，会弹出日历以选择日期，但将来的日期仍然可用。感谢您的帮助。

你能试试这样的事情吗：

您必须将标头中的脚本标签替换为以下内容：

   <!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <title>Data sharemedia</title>
    <link rel="stylesheet" type="text/css" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script>
</head>
<body>
<section>
  <form method="post" action="#">
   <p>Purchase Date</p>
  <input type="text" id="datepicker">
  </form>
 </section>
</body>
<script>
    $(document).ready(function() {
            $( "#datepicker" ).datepicker({ maxDate: new Date });
    });
</script>
</html>

首先，更改脚本的顺序。调用 jquery，以及在此之后使用此 jquery 的任何其他插件。稍后，添加脚本。这将为您省去头痛。

其次，删除$(function(){行，因为它现在什么都不做。应该没问题。

我在这里得到了它的jsfidd：https://jsfiddle.net/tuk4pob3/

我

只是用我告诉您的更改复制了您的代码，我只能选择从过去到现在的日期。我唯一更改的是输入的type。

相关内容

最新更新

热门标签：