誕生日の選択日のカレンダー

Question

カレンダーから前日を選択します。ユーザーがカレンダーから日付を選択して、それを検証するよりも将来の日付からカレンダーから選択できないようにすることができます。

Answer 1

まず、あなたの質問にJQueryタグを付けてください。 あなたはこのようなものが欲しいと思います。 maxDate属性を使用して今日に設定することができます[new Date()]。 その後、ユーザがバイパスして将来の日付を入力したい場合は、それを検証することができます。

$(function(){ 
 
    $('#datepicker').datepicker({ 
 
    maxDate:new Date(), 
 
    changeYear:true, 
 
    changeMonth:true, 
 
    format:'dd/mm/yyyy' 
 
    }); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet"/> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<script> 
 
function validate(){ 
 
    if(new Date(document.getElementById('datepicker').value) > new Date()){ 
 
     alert("You entered future date, that is not valid"); 
 
     document.getElementById('datepicker').value=''; 
 
    }else{ 
 
     alert("Date is correct"); 
 
    } 
 
} 
 
</script> 
 
<input type="text" id="datepicker"/> 
 
<input type="button" value="validate" onclick="validate()"/>