Блокировка косых линий на месте при вводе даты во входных данных

Использование Symfony2.3.4, PHP5.6.3, Twig, HTML5, jQuery2.2.3 и CSS3.

Мне нужно заблокировать косые черты (или разделитель в целом) во входном теге, в то время как пользователь вводит номера, соответствующие дню, месяцу и Году. Более или менее было бы, например, для ввода 15 мая 2016 года:

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 пробел вперед.

Любые сомнения или идеи, пожалуйста, ответьте.

Thanx

1 ответ

  1. Мой любимый способ сделать это с HTML5-использовать новые типы ввода. Для этого вы бы использовали «date».

    <input type="date">