通过默认值引导日期选择器防止自动填充输入答案

【问题标题】：Prevent autofill input by default value bootstrap datepicker通过默认值引导日期选择器防止自动填充输入
【发布时间】：2018-08-02 08:30:51
【问题描述】：

我在使用引导日期选择器时遇到问题 - 它会在页面加载时按默认值（当前日期）自动填充输入，尽管输入未被选中和/或处于焦点中。我试图调查这种行为的原因，但我发现的只是 datepicker 在 init 上调用自己

// copypaste from `bootstrap-datepicker.js`
/* DATEPICKER DATA-API
* ======================= */

$(document).on(
    'focus.datepicker.data-api click.datepicker.data-api',
    '[data-provide="datepicker"]',
    function(e){
        var $this = $(this);
        if ($this.data('datepicker'))
            return;
        e.preventDefault();
        // component click requires us to explicitly show it
        $this.datepicker('show');
    }
);
$(function(){
    $('[data-provide="datepicker-inline"]').datepicker();
});

也许有人以前遇到过这样的问题，或者知道如何解决这个问题。目标是让输入为空，直到用户手动更改值。提前致谢

【问题讨论】：

你可以在这里找到你的解决方案eonasdan.github.io/bootstrap-datetimepicker
很遗憾没有找到解决我问题的方法

标签： javascript twitter-bootstrap datepicker

【解决方案1】：

我在上面提到的页面上找到了这个答案。请看一下。

<div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <input type='text' class="form-control" id='datetimepicker4' />
        </div>
        <script type="text/javascript">
            $(function () {
                $('#datetimepicker4').datetimepicker();
            });
        </script>
    </div>
</div>

【讨论】：

那又怎样？这是我的 DP-init 代码：$('#dp').datepicker({ language: 'ru', endDate: '0d', autoclose: true, format: 'yyyy-mm-dd', }); 您的示例与我的不同之处仅在于方法中缺少属性。我尝试了您的示例以确保我不是完全傻瓜，aaand... datepicker 在我的情况下仍然会自行显示，尽管我什至没有触摸鼠标或键盘来触发日历！当然，我已经检查了整个代码，以确保没有其他任何东西会触发 datepicker，而且我没有发现任何可以调用它的东西。而且我不知道如何调试它......
可能我的解释不够清楚。当我加载我的页面时，我看到已经打开的日期选择器。似乎某处发生了$('#selector').datepicker('show');，尽管我的代码中没有类似的东西。我尝试在 Chrome 中使用 js 控制台对其进行调试，似乎 DP 在 JQuery init 之后触发
@IgorVoytovich 我试图告诉您日期选择器本身提供了您正在搜索的方法，因此我发布了答案。如果问题仍然存在，则必须调试 datetimepicker.js 以找到确切答案

【解决方案2】：

所以，问题出在某个 chrome 扩展中。还没有弄清楚哪个扩展是罪魁祸首，但在其他浏览器和隐身模式下，chrome 不会出现问题。

更新：哦，我错了。扩展与它无关。该死的自动填充导致它

【讨论】：