すべて、私は日付ピッカーにjQuery UIを使用しています。ユーザーが入力した日付が過去のものであるにもかかわらず、javascriptで確認しようとしています。フォームコードは次のとおりです。
<input type="text" id="datepicker" name="event_date" class="datepicker">
それから、Javascriptでこれをチェックして、過去の日付ではないことを確認するにはどうすればよいですか?ありがとう
$('#datepicker').datepicker().change(evt => {
var selectedDate = $('#datepicker').datepicker('getDate');
var now = new Date();
now.setHours(0,0,0,0);
if (selectedDate < now) {
console.log("Selected date is in the past");
} else {
console.log("Selected date is NOT in the past");
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<input type="text" id="datepicker" name="event_date" class="datepicker">
var datep = $('#datepicker').val();
if(Date.parse(datep)-Date.parse(new Date())<0)
{
// do something
}
日付ピッカー変更関数以外のことに対して答えをより再利用可能にするために、これを処理するプロトタイプを作成できます。
// safety check to see if the prototype name is already defined
Function.prototype.method = function (name, func) {
if (!this.prototype[name]) {
this.prototype[name] = func;
return this;
}
};
Date.method('inPast', function () {
return this < new Date($.now());// the $.now() requires jQuery
});
// including this prototype as using in example
Date.method('addDays', function (days) {
var date = new Date(this);
date.setDate(date.getDate() + (days));
return date;
});
安全性チェックが気に入らない場合は、従来の方法を使用してプロトタイプを定義できます。
Date.prototype.inPast = function(){
return this < new Date($.now());// the $.now() requires jQuery
}
使用例
var dt = new Date($.now());
var yesterday = dt.addDays(-1);
var tomorrow = dt.addDays(1);
console.log('Yesterday: ' + yesterday.inPast());
console.log('Tomorrow: ' + tomorrow.inPast());