Question

我有以下代码（我正在使用以下bootstrap datepicker：http://www.eyecon.ro/bootstrap-datepicker/）

点击一天时必须关闭日期选择器。（不是改变事件，因为年份的飞蛾也可以改变）

一切都运行良好一次。该功能只是触发一次。

另外，我想从datepicker

中检索日期

你怎么能实现这个

(function () {
    var setDate = $('_Date').val();
    //$('#_datepicker').datepicker('setValue', now);
    $('#_datepicker').datepicker('setValue', setDate);

    $('#_Date').change(function () {
    setDate = $('#_Date').val();
    $('#_datepicker').datepicker('setValue', setDate);
    console.log('day2');
});

})(jQuery)

$(function () {
    $('.datepicker-days td.day').click(function (e) {
        e.preventDefault();
        console.log('day');
        //$('#_datepicker').datepicker('hide');

        //alert($('#_datepicker').getDate());

        //return false;
    });
});

HTML / ASPX：

<div class="col-sm-2" runat="server" id="block_date">
  <div class="input-group input-append date" id="datepicker_addcase" data-date="12-02-2012" data-date-format="dd-mm-yyyy">  
  <asp:TextBox runat="server" ID="cn_Date" CssClass="form-control" type="date-local" placeholder="Date" Text="Date"></asp:TextBox>
                                    <div class="input-group-addon">
                                        <span class="glyphicon glyphicon-calendar add-on"></span>
                                    </div>
                                </div>
                            </div>

Answer 1

 $('.datepicker-days').on('click', 'td.day', function (e) {
        e.preventDefault();
        $('#datepicker_addcase').datepicker('hide');
        return false;
    });

Answer 2

在“bootstrap-datepicker，min.js”中删除第一个b.stopPropagation（）并尝试：

$（文件）。在（ '点击'， 'td.day:not（\' 禁用\ '）：不能（\'。活性\ '）'，函数（E）{

// MY LOGIC

}）;

jquery bootstrap datepicker点击事件只需触发一次

2 个答案: