JQuery для маскировки ввода для правильной даты ввода

Question

Я использовал ссылку онлайн jQuery от https://raw.githubusercontent.com/igorescobar/jQuery-Mask-Plugin/master/src/jquery.mask.js в моем проекте.

 <script type="text/javascript"> 
     var s = jQuery.noConflict(); 
     s(document).ready(function() { 
      s(".mask_phone").mask('(999)-999-9999'); 
      s(".datepicker").mask('99/99/9999'); 
     }); 
     </script> 

     <input type="text" class="datepicker"> 

Не работает. Он отлично работает, только когда мы добавляем локальную копию jquery и добавляем ссылку на нее. По какой-то причине я не могу использовать этот метод.

Теперь я пытаюсь достичь этого с помощью пользовательского jquery.

  var $ = jQuery.noConflict(); 
      $(document).ready(function() { 

       $(".datemask").keyup(function() { 
        if ($(this).val().length == 2) { 
         $(this).val($(this).val() + "/__/____"); 
        } else if ($(this).val().length == 5) { 
         $(this).val($(this).val() + "/____"); 
        } 
       }); 
      }); 

Теперь, как только пользователь вводит 16, значение становится 16/__/____, а текстовый курсор находится в конце.
Пожалуйста, помогите мне в создании этого jquery, который работает так же, как и вложенный масок!

Answer 1

Согласно the documentation, jQuery Mask будет работать со всеми версиями jQuery выше 1.7. Поэтому, пожалуйста, включите библиотеку jQuery прямо перед включением плагина jQuery Mask. И, пожалуйста, подумайте об использовании одного из открытых CDN для источника сценария, а не его исходного кода. Обычно я предпочитаю cdnjs.com.

https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.0/jquery.mask.min.js