javascript - 如何使用引导日期选择器自动格式化日期

Question

如何使日期选择器在输入后自动设置日期格式。 例如。输入 02122018，输入或按 Tab 键后，日期输入将显示 02/Dec/2018。

以下引导日期选择器沙箱将默认为今天的日期，并采用我想要的格式。但不是我输入的日期。 https://uxsolutions.github.io/bootstrap-datepicker/?#sandbox

Answer 1

为此，您实际上并不需要 Bootstrap datepicker。您可以让您的输入允许键盘延迟，然后查看输入并评估它是否准备好进行转换(也称为足够的数字)，然后使用某种方法来解释格式并显示转换后的结果。

查看momentjs了解详情。

您的输入

<input id="dateInput" type="text">

延迟功能

var delay = (function(){
    var timer = 0;
    return function(callback, ms){
        clearTimeout (timer);
        timer = setTimeout(callback, ms);
    };
})();

其用途

jQuery(document).ready(function($) {
    $('#dateInput').keyup(function() {
        const dateString = $(this).val();
        delay(function(){
            // Use momentjs to format, for example:
            moment(dateString, "DDMMYYYY").format("MMM Do YY");
        }, 1000 );
    });
});

祝你好运!