【问题标题】:Bootstrap Input Mask could not work, no errors shown in console引导输入掩码无法工作,控制台中未显示错误
【发布时间】:2021-08-25 08:44:25
【问题描述】:

我开发了一个网络应用程序,使用 Bootstrap Input Mask 对日期输入进行掩码(在 DD、MM 和 YYYY 之间添加“-”)

但是,引导输入掩码无法工作,并且控制台中没有显示错误。

 <script src="http://code.jquery.com/jquery-3.6.0.min.js"></script>
<link href='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css'>
<script src='https://stackpath.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.bundle.min.js'></script>

<script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.1.60/inputmask/jquery.inputmask.js"></script>

<input type="text" name="due_date" id="due_date" class="datepicker" data-inputmask-alias="datetime" data-inputmask-inputformat="dd-mm-yyyy" data-inputmask-placeholder="jj/mm/aaaa"> 

<script>
$('input').inputmask();

  $('#due_date').datepicker({
      dateFormat: 'dd-mm-yy'
});
</script>
 

应该在用户输入的DD、MM和YYYY之间加上“-”。 我怎样才能找出问题所在?

【问题讨论】:

    标签: javascript jquery twitter-bootstrap


    【解决方案1】:

    使用此处文档中所述的字符串填写掩码:https://github.com/RobinHerbots/Inputmask#via-jquery-plugin

    使用带有数字的字符串:inputmask('99-99-9999')

    我在这里为你创建了一个简化的测试用例:https://codepen.io/MartinMuzatko/pen/ZEejEpL

    【讨论】:

      猜你喜欢
      • 2012-05-22
      • 1970-01-01
      • 1970-01-01
      • 2016-02-11
      • 1970-01-01
      • 1970-01-01
      • 2016-07-08
      • 2020-09-15
      • 2017-01-19
      相关资源
      最近更新 更多