Question

我遇到了bootstrap datepicker的问题 - 它在页面加载时通过默认值（当前日期）自动填充输入，但输入未被选中和/或处于焦点。我试图调查这种行为的原因，但我发现的是，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();
});

也许某人之前遇到过这样的问题或者有任何想法如何解决这个问题。目标是将输入留空，直到用户手动更改值。提前致谢

Answer 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>

Answer 2

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

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

通过默认值bootstrap datepicker防止自动填充输入

2 个答案: