javascript - 对于使用 Inputmask 插件屏蔽的文本框，无法首次在月份字段中输入 01

Question

我有一个文本框，其中附加了一个日期选择器用于选择日期，而且我必须做好从键盘手动输入日期的准备。我已经使用来自 Github 的插件 inputmask js 实现了该功能。但是，当首次加载页面并且我尝试输入一月份的月份值“01”时，应用于文本框的掩码显示“10”。解决方法是我可以输入“11”，然后将第一位数字更改为 0，但我希望避免这种情况。我希望我能让你们理解这个问题提前致谢，我已将问题浓缩为下面的简单代码。

P.S:我不希望占位符文本发生更改，如下面的答案中所述。它应该是“00/00/0000”，但允许用户输入 01。

var maskConfig = {
        leapday: "29-02-",
        separator: "/",
        showMaskOnHover: false,
        showMaskOnFocus: false,
        placeholder: "00/00/0000"
    }

    $('#datepicker1').inputmask('mm/dd/yyyy', maskConfig);
    
    $('#datepicker1').datepicker({
        dateFormat: "mm/dd/yy",
        changeMonth: true,
        changeYear: true,
        
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.3.4/jquery.inputmask.bundle.min.js"></script>

<input type="text" id="datepicker1"/>

Answer 1

更改此行

placeholder: "00/00/0000"

至:

placeholder: "01/00/0000"

var maskConfig = {
        leapday: "29-02-",
        separator: "/",
        showMaskOnHover: true,
        showMaskOnFocus: true,
        placeholder: "01/00/0000"
    }

    $('#datepicker1').inputmask('mm/dd/yyyy', maskConfig);
    
    $('#datepicker1').datepicker({
        dateFormat: "mm/dd/yy",
        changeMonth: false,
        changeYear: false,
        
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.3.4/jquery.inputmask.bundle.min.js"></script>

<input type="text" id="datepicker1"/>