jquery bootstrap 日期选择器点击事件只触发一次
jquery bootstrap datepicker click event just firing once
我有以下代码
(我正在使用以下 bootstrap 日期选择器: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>
$('.datepicker-days').on('click', 'td.day', function (e) {
e.preventDefault();
$('#datepicker_addcase').datepicker('hide');
return false;
});
删除 "bootstrap-datepicker,min.js" 中的第一个 b.stopPropagation() 并尝试:
$(文档).on('click','td.day:not(\'.disabled\'):not(\'.active\')',function(e){
// MY LOGIC
});
我有以下代码 (我正在使用以下 bootstrap 日期选择器: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>
$('.datepicker-days').on('click', 'td.day', function (e) {
e.preventDefault();
$('#datepicker_addcase').datepicker('hide');
return false;
});
删除 "bootstrap-datepicker,min.js" 中的第一个 b.stopPropagation() 并尝试:
$(文档).on('click','td.day:not(\'.disabled\'):not(\'.active\')',function(e){
// MY LOGIC
});