在javascript中输入日期，检测是否选择了年，月或日

Question

是否有可能在输入日期字段的不同部分检测事件。

<input type="date" value="2018-08-15">

换句话说，用户是否选择了年，月或日（在此特定方案中）。

Answer 1

您可以使用.split。 从0开始，然后使用正则表达式以斜杠分隔用户输入。 现在，您可以检查每个数组索引的默认值以外的其他值。

这样的事情。 （另）

var d = document.getElementById('date').value;
var dArray = d.split(0, /\//);
for (var i = 0; i < i.length; i++;) {
    if ((dArray[i] === 'mm') || (dArray[i] === 'dd') || (dArray[i] === 'yyyy') { 
        // date incomplete
    }
}

注意：date元素还没有完全的浏览器支持。

Answer 2

不幸的是，date元素拒绝提供不完整的数据（如果日期不完整，则value不返回任何value ），但是当它完成时，我们可以简单地检查自上次更改以来的更改，而忽略空数组。

请注意， change事件仅在有效输入更改（或从有效输入更改为无效输入）时触发，因此，如果日期输入的一部分（日期/月/年）无效，则其他事件直到无效输入才会触发更改零件变为有效（确实会触发更改）。

 function dateListener(e) { let arr = e.target.value.split('-'); if(!this.prevArr)this.prevArr=[]; if(this.prevArr[0] != arr[0] && arr[0]) { console.log(`The year was changed from ${this.prevArr[0]} to ${arr[0]}`); } if(this.prevArr[1] != arr[1] && arr[1]) { console.log(`The month was changed from ${this.prevArr[1]} to ${arr[1]}`); } if(this.prevArr[2] != arr[2] && arr[2]) { console.log(`The date was changed from ${this.prevArr[2]} to ${arr[2]}`); } if(arr[0]) this.prevArr=arr; //If the date is falsey (undefined/empty string), so is the whole array. }; document.getElementById("datefield").addEventListener("change", dateListener); 

 <input type="date" id="datefield" /> 

我们在这里利用的是函数是对象这一事实，并在函数上设置变量以保存输入的先前状态。 当然，我们不必这样做，我们可以创建一个不与该函数绑定的变量来保存该日期，但是出于舒适性的考虑，我选择这样做。