Question

我需要有关如何对日期选择器的返回日期应用此限制的指南，因为我是此javascript的新手。

<script type="text/javascript" src="javascript/datepickr.min.js"></script>

<input class="" type="Text" size="30" name="Date" id="Date" placeholder="yyyy-mm-dd"/>

    <script type="text/javascript">
        new datepickr('Date', 
        {
            'dateFormat': 'Y-m-d'
        }

        );
    </script>

我确实看到有些人发布了关于此代码的解决方案，但我不知道如何在我的代码中应用

$(function() {
$( "#datepicker" ).datepicker({ minDate: 0});});

我也试过这个，仍然没有工作，而且由于日期选择器无法显示，情况更糟糕

<link rel="stylesheet" href="css/jquery-ui-1.9.2.css" type="text/css" />
    <link rel="stylesheet" href="style/jquery-ui-1.9.2.min.css" type="text/css" />
    <script type="text/javascript" src="javascript/jquery-ui-1.9.2.js"></script>
    <script type="text/javascript" src="javascript/jquery-ui-1.9.2.min.js"></script>
    <script type="text/javascript" src="javascript/jquery-1.8.3.js"></script>

<input type='text' id='datepicker'></input>



    <script type="text/javascript">
        $("#date").datepicker({
     changeMonth: true,
     changeYear: true,
     yearRange: "-35:+0",
     dateFormat: "yy-mm-dd",
     minDate:mdate() });


 function mdate(){
         var str = "-0Y";
         return str; }
         </script>

Answer 1

看看这个。在其中我使用了JQuery UI 1.9.2

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<link rel="stylesheet"  href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
   <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>

   <input id="datepicker" type="text" />

<script>
   $( "#datepicker" ).datepicker({
         minDate: 0
  });
</script>

我在加载时设置minDate。使用此代码，这将适合您。如果要查看正在运行的代码，请单击“运行代码段代码”。

＆＃13;

 $( "#datepicker" ).datepicker({
             minDate: 0
    });

＆＃13;

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>

<input id="datepicker" type="text" />

＆＃13;

datepicker没有过去的日期

1 个答案: