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

问题描述 投票:2回答:2

我有以下代码(我使用以下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>
javascript jquery asp.net twitter-bootstrap datepicker
2个回答
2
投票
 $('.datepicker-days').on('click', 'td.day', function (e) {
        e.preventDefault();
        $('#datepicker_addcase').datepicker('hide');
        return false;
    });

0
投票

在“bootstrap-datepicker,min.js”中删除第一个b.stopPropagation()并尝试:

$(文件)。在( '点击', 'td.day:not(\' 禁用\ '):不是(\'。积极\ ')',功能(E){。

// MY LOGIC    

});

© www.soinside.com 2019 - 2024. All rights reserved.