引导输入掩码无法工作，控制台中未显示错误

Posted 2023-05-08

【中文标题】引导输入掩码无法工作，控制台中未显示错误

【英文标题】：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之间加上“-”。 我怎样才能找出问题所在？

【参考方案1】：

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

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

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