在jquery datepicker中禁用以前的日期

我想實現一個jQuery的日期選擇器。我有兩個輸入文本框datepicker1和datepicker2。我試圖根據第一個輸入框中的用戶日期選擇禁用第二個輸入框中的日期。這意味着應禁用第一個輸入框中用戶選擇日期後面的日期。同樣對於任何日期的改變我曾嘗試以下，但它不工作：在jquery datepicker中禁用以前的日期

<script> 
    $(function(){ 

    $.datepicker.setDefaults(
    $.extend($.datepicker.regional[''])); 

    //$('#datepicker').datepicker(); 


    var datepicker1=$('#datepicker1').datepicker({minDate: 'now'}); 
    //var datepicker2=$('#datepicker2').datepicker({minDate: 'now' + 1}); 
    var datepicker2=$('#datepicker2').datepicker 
    (
    {minDate:($(".datepicker1").datepicker("getDate"))+1} 
); 
    //$('#datepicker').datepicker('option', $.datepicker.regional['fr']); 



    }); 
</script>

HTML文件是：testjs.html

<!DOCTYPE html> 
<html> 
<head> 

<!-- add scripts --> 
<script src="js/jquery-1.12.3.js"></script> 
<script src="js/jquery-ui.min.js"></script> 
<link href="css/jquery-ui.min.css" rel="stylesheet" type="text/css" /> 

<script> 
$(function(){ 

    $.datepicker.setDefaults(
    $.extend($.datepicker.regional[''])); 

    //$('#datepicker').datepicker(); 


    var datepicker1=$('#datepicker1').datepicker({minDate: 'now'}); 
    //var datepicker2=$('#datepicker2').datepicker({minDate: 'now' + 1}); 
    var datepicker2=$('#datepicker2').datepicker 
    (
    {minDate:($(".datepicker1").datepicker("getDate"))+1} 
); 
    //$('#datepicker').datepicker('option', $.datepicker.regional['fr']); 



    }); 
</script> 
</head> 
<body> 

<h1>My First Web Page</h1> 
<p>My first paragraph.</p> 



<input id="datepicker1" type="text" /> 
<input id="datepicker2" type="text" /> 
</body> 
</html>

來源

2016-04-15 IPPOKRATIS KARAKOTSOGLOU

你可以試試這個代碼

<script> 
    $(function() { 

     $("#datepicker1").datepicker({ 
      defaultDate: "+1w", 
      changeMonth: true, 
      numberOfMonths: 1, 
      onClose: function (selectedDate) { 
       $("#datepicker2").datepicker("option", "minDate", selectedDate); 
      } 
     }); 
     $("#datepicker2").datepicker({ 
      defaultDate: "+1w", 
      changeMonth: true, 
      numberOfMonths: 1, 
      onClose: function (selectedDate) { 
       $("#datepicker1").datepicker("option", "maxDate", selectedDate); 
      } 
     }); 
    }); 
</script>

欲瞭解更多信息，請訪問此鏈接：https://jqueryui.com/datepicker/#date-range

來源

2016-04-15 13:13:07

給零爲mi ndate會消除過去的日期。

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

在這裏一住就是小提琴工作示例http://jsfiddle.net/mayooresan/ZL2Bc/

來源

2016-04-15 13:17:07

在jquery datepicker中禁用以前的日期

回答

相關問題