结束日期大于开始日期验证

Question

我正在使用此代码进行验证，当在html中使用默认日期选择器时，它可以正常工作，但是在手动键入日期时，它无法正常工作。例如，当我键入开始日期然后继续到结束日期时，结束日期中的年份将自动仅读取第一个数字“ 2019”，因此您无法正确键入，因为它会发出警报并且无法正确比较。 / p>

<input type="date" id="StartDate" />
<input type="date" id="EndDate" />
<script>
console.clear();
 var startDate = document.getElementById("StartDate").value;
 var endDate = document.getElementById("EndDate").value;

function compareDates() {
  if ((Date.parse(endDate) <= Date.parse(startDate))) {
    alert("End date should be greater than Start date");
    document.getElementById("EndDate").value = "";
   }
 }

startDate.addEventListener('input', compareDates);
endDate.addEventListener('input', compareDates);
</script>

有什么提示吗？