入力時に日付を入力中にスラッシュを固定

Question

Symfony2.3.​​4、PHP5.6.3、Twig、HTML5、jQuery2.2.3およびCSS3を使用しています。

入力タグでスラッシュ（またはセパレータ）をロックする必要がありますが、ユーザーは日、月、および年に対応する数字を入力します。多かれ少なかれ、例えば月、2016年の第15回を入力するために、次のようになります。

Initial input content: __/__/____ 
User types 0 
Current input content: 0_/__/____ 
User types 5 
Current input content: 05/__/____ 
User types 1 
Current input content: 05/1_/____ 
User types 5 
Current input content: 05/15/____ 
User types 2 
Current input content: 05/15/2___ 
User types 0 
Current input content: 05/15/20__ 
User types 1 
Current input content: 05/15/201_ 
User types 6 
Current input content: 05/15/2016 

基本的に型指定された数は、アンダースコアを交換する必要がありますし、（見えない）カーソルがスラッシュに到達したとき、それは前方の1つのスペースをスキップする必要があります。

ご不明な点がございましたら、お答えください。

ありがとう

Answer 1

HTML5でこれを行うには私のお気に入りの方法は、新しい入力タイプを使用することです。これについては、「日付」を使用します。

<input type="date">