Question

我有一个日期选择器，我试图找出当用户点击框外（当日历关闭时）如何提醒测试消息。

这是我的HTML和一些Laravel

<input data-id="{{ $scan->id }}" id="{{ $scan->id }}"   placeholder="mm/dd/yyyy" type="bs-date" class="form-control datepicker-test" value="">

这是我的jquery，我不包括脚本标签或document.ready

$('.datepicker-test').datepicker({
            onClose: function () {
                alert('wow');
            }
        });

Answer 1

如果您使用boostrap datepicker，则需要更改：

$('.datepicker').datepicker({
    onClose: function () {
        alert('wow');
    }
});

为：

$('.datepicker').datepicker().on('hide', function(e) {
    console.log('wow');
});

hide event：隐藏日期选择器时触发。

＆＃13;

$('.datepicker').datepicker().on('hide', function(e) {
  console.log('wow');
});

＆＃13;

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker.css"/>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/js/bootstrap-datepicker.min.js"></script>


<div class="container">
    <div class="row">
        <div class="input-group date">
            <input data-id="id1" id="id1"   placeholder="mm/dd/yyyy" type="bs-date" class="form-control datepicker" value="">
            <div class="input-group-addon">
                <span class="glyphicon glyphicon-th"></span>
            </div>
        </div>

    </div>
</div>

＆＃13;

获取bootstrap datepicker的onclose事件

1 个答案: