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

【问题标题】：how to auto format date using bootstrap datepicker如何使用引导日期选择器自动格式化日期
【发布时间】：2019-01-25 07:54:54
【问题描述】：

如何在键入后使日期选择器自动格式化日期。例如。输入 02122018，日期输入将在输入或制表符时显示 02/Dec/2018。

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

【问题讨论】：

标签： javascript jquery datepicker

【解决方案1】：

您实际上并不需要 Bootstrap 日期选择器。您可以让输入允许 keyup 延迟，然后查看输入并评估它是否可以转换（也就是足够的数字），然后使用某种方式来解释格式并显示转换后的结果。

查看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 );
    });
});

祝你好运！

【讨论】：