contenteditable html属性を持つdateのような特定のデータ型だけを受け入れる方法はありますか？

Question

これを実現する方法はありますか？

<pre> 
<p contenteditable="true" type="date">12-04-1994</p> 
</pre> 

ですので、日付形式のみを受け入れますか？

Answer 1

これは役に立ちます。 10番目の文字の後のすべてを無視し、実際の日付の値が有効であるかどうかをチェックしません（たとえば、45/96/2543と言うことができ、有効になります）。

setInterval(check,100); 
 
function check(){ 
 
    var date=document.getElementById("date").innerHTML; 
 
    if(!isNaN(parseInt(date.charAt(0), 10))&&!isNaN(parseInt(date.charAt(1), 10))&&date.charAt(2)=="-"&&date.charAt(5)=="-"&&!isNaN(parseInt(date.charAt(3), 10))&&!isNaN(parseInt(date.charAt(4), 10))&&!isNaN(parseInt(date.charAt(6), 10))&&!isNaN(parseInt(date.charAt(7), 10))&&!isNaN(parseInt(date.charAt(8), 10))&&!isNaN(parseInt(date.charAt(9), 10))){ 
 
    document.getElementById("output").innerHTML="Yes Date"; 
 
    } else { 
 
    document.getElementById("output").innerHTML="No Date"; 
 
    } 
 
}

<pre> 
 
<p contenteditable='true' id='date' style='border:1px solid black;'>Edit me</p> 
 
<p id='output'></p> 
 
</pre>