jquery datepickerで前の日付を無効にする

jquery datepickerを実装しようとしています。私は2つの入力テキストボックスdatepicker1とdatepicker2を持っています。私は最初の入力ボックスのユーザー日付の選択に基づいて、2番目の入力ボックスの日付を無効にしようとしています。つまり、最初の入力ボックスでユーザーが選択した日付の後ろの日付を無効にする必要があります。任意の日付変更に同じ、私は次のことを試してみましたが、それは仕事をdoesntの：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で前の日付を無効にする

答えて

関連する問題