input[date] контроль

163

16 января 2019, 00:00

как сделать в input type=date так, что бы допустим щас 2018 год и в этом инпуте можно было выбрать дату только до 2018 года, если 2019 до 2019 , думаю смысл понятен. Реально ли это сделать с помощью php или js?

Answer 1

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date

До 2018 года:<br/> 
<input type="date" max="2017-12-31"> 
<br/> 
До конца 2018 года:<br/> 
<input type="date" max="2018-12-31">

var editDate = document.getElementById("test"); 
editDate.setAttribute("max", (new Date()).getFullYear() + "-12-31");

Aвтоматически<br/> 
<input type="date" id="test">

function updateMinMax() { 
  var editDate = document.getElementById("test"); 
  editDate.value = ""; 
  editDate.min = ""; 
  editDate.max = ""; 
 
  var schoolYear = document.getElementById("schoolYear"); 
  var yearText = schoolYear.options[schoolYear.selectedIndex].textContent; 
  var parts = yearText.split("/"); 
  if (parts.length == 2) { 
    editDate.min = parts[0] + "-09-01"; 
    editDate.max = parts[1] + "-05-31"; 
  } 
  console.log("updateMinMax", editDate.min, editDate.max); 
} 
updateMinMax(); 
 
function checkDate(el) { 
  console.log("checkDate", el.min, el.max, el.value); 
  if (el.value < el.min || el.value > el.max) { 
    el.value = ""; 
    console.error("out of range"); 
  } 
}

По учебному году:<br/> 
<select id="schoolYear" onchange="updateMinMax()"> 
  <option value="0">Select a year</option> 
  <option value="1">2016/2017</option> 
  <option value="2">2017/2018</option> 
  <option value="3">2018/2019</option> 
</select> 
<input type="date" id="test" onblur="checkDate(this)">