【问题标题】:jquery bootstrap datepicker click event just firing oncejquery bootstrap datepicker点击事件只触发一次
【发布时间】:2015-03-21 02:32:25
【问题描述】:

我有以下代码 (我正在使用以下引导日期选择器:http://www.eyecon.ro/bootstrap-datepicker/

当您点击某一天时,日期选择器必须关闭。 (不是 changedate 事件,因为一年中的某个月份也可以更改)

一次一切正常。 该函数只触发一次。

我还想从日期选择器中检索日期

你如何做到这一点

(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


    【解决方案1】:
     $('.datepicker-days').on('click', 'td.day', function (e) {
            e.preventDefault();
            $('#datepicker_addcase').datepicker('hide');
            return false;
        });
    

    【讨论】:

      【解决方案2】:

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

      $(document).on('click','td.day:not(\'.disabled\'):not(\'.active\')',function(e){

      // MY LOGIC    
      

      });

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2012-02-26
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多