我使用以下代碼來顯示內嵌日期選擇器;引導日期選擇器不會在第一次點擊時觸發
$('.show_datepicker').datepicker({
weekStart: 1,
startDate : '2013-07-31',
endDate : '2013-09-30',
format : 'yyyy-mm-dd',
}).on('changeDate', function(e){
$('.datepicker-inline').on('click', '.datepicker_days:not(.disabled)', function() {
$('.loading').show(); // Show loading icon
$("#loading_div").load("loading_url.php",function(){
$('.loading').hide(); // Hide loading icon when finished
});
});
});
問題1
這一切都工作得非常好,其實旁邊,它當我點擊了一天首次不火。只要我在頁面上,最初的點擊就可以。但是每次刷新頁面時,我都必須首次點擊任何日期才能讓它繼續工作。
我想這是因爲函數內部有單獨的onclick事件,但我需要從通話中排除所有.disabled天,並且無法使其工作。
問題2
的console.log()告訴我這是發射多次 - 當我點擊它第二次它的射擊4次,當我點擊它再次它的射擊6次,等等。
任何想法將不勝感激!
更新:
這是渲染的日期選擇器的HTML代碼:
<div id="datepicker" class="show_datepicker table table-hover table-striped" data-date="2013-08-01">
<div class="datepicker datepicker-inline">
<div class="datepicker-days" style="display: block;">
<table class=" table-condensed">
[...]
<tbody>
<tr>
[...]
<td class="datepicker_days day alternative" id="2013-08-12">12</td>
<td class="datepicker_days day alternative" id="2013-08-13">13</td>
<td class="datepicker_days day" id="2013-08-14">14</td>
<td class="datepicker_days day inaktiv btn-link disabled" id="2013-08-15">15</td>
<td class="datepicker_days day" id="2013-08-16">16</td>
<td class="datepicker_days day" id="2013-08-17">17</td>
<td class="datepicker_days day disabled inaktiv btn-link" id="2013-08-18">18</td>
[...]
</tr>
</tbody>
[...]
</table>
</div>
</div>
你應該創建一個的jsfiddle,所以我們可以在行動 – Pascamel
看到它向我們展示了日期選擇器的HTML代碼。 – Jasen
我剛添加datepicker的html代碼到我的問題! –