I am using input type date in my project instead of datepicker. I want to restrict back dates from current date in input type date. I know about how to restrict back dates in datepicker but i dont want to use it.
Hence Please suggest is it possible to restrict back dates in input type date (html).
Change the min value of input in Javascript, like this:
document.getElementById("myDate").min = "2017-03-16";
If you want to have dynamic disabled past dates,
Try this,
today = new Date(); // instantiating current date
day = (today.getDate().length ==1 ? "0"+today.getDate() : today.getDate());
month = parseInt(today.getMonth())+1;
month = (today.getMonth().length == 1 ? "0"+month : month);
year = today.getFullYear();
current_date = new String(year+'-'+month+'-'+day); // creating new date and as per requirement of format of min for date input type
document.getElementById("myDate").setAttribute('min',current_date); // assigning new date to element
I hope this will help.
Try this
var inputMyDate = document.querySelector('input#finaldate');
inputMyDate.addEventListener('input', function() {
var current = this.value;
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1;
var yyyy = today.getFullYear();
if(dd<10){
dd='0'+dd;
}
if(mm<10){
mm='0'+mm;
}
var today = yyyy+'-'+mm+'-'+dd;
if (current < today){
document.getElementById('finaldate').value = today;
}
});