他の日付をクリックすると分の日付を変更する

Question

<form method="POST" enctype="multipart/form-data"> 
    CheckIn: <input type="date" name="datein" min="<?php echo date('Y-m-d'); 
    if(!empty($_POST['datein'])) 
      { 
       $get = $_POST['datein']; 
      } ?>" max="2030-12-31"> 
    CheckOut: <input type="date" name="dateout" min="<?php echo $get; ?>" max="2030-12-31"> 
</form> 

これは間違ったコードです。しかし、私が欲しいのは、CheckInの日付をクリックすると、CheckOutのminが何度もクリックしても変更されるということです。私はjavascriptにはここに解決策があると思いますが、そこにコードを構築する方法はわかりません。 jQueryので

Answer 1

maxの妥当性検査を行い、ここではデモを行います。日付はmaxより大きくてはならない。

$('input[name=datein]').on('change', function() { 
 
    if ($(this).val() < $('input[name=dateout]').attr('max')) { 
 
    console.log('Before: ' + $('input[name=dateout]').attr('min')); 
 
    $('input[name=dateout]').attr('min', $(this).val()); 
 
    console.log('After: ' + $('input[name=dateout]').attr('min')); 
 
    } else { 
 
    console.log('Value greater than ' + $('input[name=dateout]').attr('max') + ' not allowed'); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
CheckIn: <input type="date" name="datein" min="" max="2030-12-31"> CheckOut: <input type="date" name="dateout" min="" max="2020-12-31">

Answer 2

、のようなもの：

$('input[name=datein]').change(function() { 
    // TODO Validate the value 
    $('input[name=dateout]').attr('min',$(this).val()); 
}); 

これはdateinコントロールの値に等しい最小値を設定します。

.propはここの.attrよりも良いかもしれませんが、どちらかがうまくいくと思います。