jquery掩盖正确输入日期的输入

-1

我在我的项目中使用了从https://raw.githubusercontent.com/igorescobar/jQuery-Mask-Plugin/master/src/jquery.mask.js的在线jquery参考。jquery掩盖正确输入日期的输入

 <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的工作与蒙面输入一样！

来源

2016-11-07 Nida

因为jQuery的面膜取决于jQuery的？当然，你必须在jQuery-Mask之前包含它。 –

请告诉我哪个jquery我必须包括 – Nida

根据the documentation，jQuery Mask将适用于所有高于1.7的jQuery版本。因此，请在包含jQuery Mask插件之前加入jQuery库。请考虑使用其中一个公共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

来源

2016-11-07 06:55:34

伟大的解决方案...我正在使用s（document）.ready（function（）{（“。datemask”）。mask（'99/99/9999'）; }）;现在我想让默认文字看起来像__/__/____。如何调用此 – Nida

jQuery Mask具有用于此类遮罩的占位符属性。请查看文档：https：//igorescobar.github.io/jQuery-Mask-Plugin/ –

jquery掩盖正确输入日期的输入

回答

相关问题