Bootstrap datepicker沒有正確更新

我有一個表，每行有一個按鈕，它打開一個Bootstrap Popover，包含2個Bootstrap Datepicker控件。當我點擊日曆或輸入框時，他們看起來工作得很好，他們打開，我可以選擇一個新的日期，並且它得到正確顯示。Bootstrap datepicker沒有正確更新

問題是，雖然我可以看到輸入字段中的正確值，但我無法通過任何我知道的方式訪問這些值。

顯示原始值，它是我加載頁面時的值。我試圖使用瀏覽器的檢查器，以確保沒有重複的ID，並且原始輸入尚未被Datepicker取代，但看起來一切正常。

使用Datepicker的getDate方法給出了類似的結果，無論改變多少次它總是返回原始值。

如何獲得jQuery的當前設定值？

來源

2017-05-21 Mkoch

你可以添加你的代碼，用於分配引導日期選擇器。 – Jay

當我準備小提琴回答時，我發現問題... :) – Mkoch

的問題是，我初始化在下列方式酥料餅：

<div id="popoverCnt" style="display:none;"> 
    ... content ... 
    <div class="input-group date" data-provide="datepicker" id="date_1" data-date-format="yyyy-mm-dd"> 
     <input class="form-control" name="dateval1" id="dateval1" type="dateISO" required placeholder="yyyy-mm-dd"> 
     <div class="input-group-addon"> 
      <span class="glyphicon glyphicon-th"></span> 
     </div> 
    </div> 
    ... more content ... 
</div> 

<a tabindex="1" data-toggle="popover" id="pop1">Open popover</a> 

<script> 
    $("#pop1").popover({ 
     html: true, 
     placement: 'bottom', 
     trigger: 'click', 
     content: function() { 
      return $('popoverCnt').html(); 
     } 
    }); 
</script>

意思就是說酥料餅的含量從加載現有的，但不顯示<div>。因此，datepicker以奇怪的方式被附加 - 顯示正確，但所選值被寫入到重複，不可見div的input。

由於display:none;，重複的input在檢查員中不可見。

改變<div>標籤<template>爲popoverCnt立即解決的問題。

來源

2017-05-22 13:33:50 Mkoch

Bootstrap datepicker沒有正確更新

回答

相關問題