彈出窗口中的jquery日期選擇器

我正在使用bpopup來管理我的彈出窗口，並且工作正常。彈出窗口中的jquery日期選擇器

但是當我想將日期選擇器添加到彈出窗口時，我遇到了一個問題。

在我的父頁面我正在加載jquery-ui，jquery和我的js文件。

我的js文件有：

$("#datepicker").datepicker()

，在我的彈出窗口中我已經加入：

<p>Date: <input type="text" id="datepicker"/></p>

當我點擊這個什麼也沒有發生。在控制檯中顯示沒有錯誤。

如果我將該代碼移動到我的父級，我會按預期得到日期選擇器。

我試圖找出爲什麼它不在我的工作彈出..

我彈出打開有：

$("#open").click(function() { 
    $('#pop_up').bPopup({ 
      loadUrl: 'page.php', 
    }); 
    });

任何人都可以提出建議，爲什麼日期選取器不工作？

感謝

UPDATE 我能得到它的工作，如果我使用：

$("body").on('click', '#datepicker', function(){ 
    $("#datepicker").datepicker(); 
});

但隨後它需要多次點擊在現場啓用，然後再使用它。

這是由於#datepicker元素在Jquery加載時不可用嗎？

我該如何解決這個問題？

感謝

來源

2016-09-11 Tom

是否有你沒有使用HTML5的日期輸入類型的原因？ https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date – Jaketr00

我不認爲它是由IE支持？ – Tom

我不記得它是否被支持，如果不支持，它永遠不會被Edge支持。但IE瀏覽器的使用量正在下降（https://www.sitepoint.com/browser-trends-january-2016-12-month-review/）。如果您選擇仍然支持它，那是您的選擇，但您知道這種輸入類型存在並且比jQuery更可靠。 – Jaketr00

我有使用日期選擇在我的彈出工作：

$("body").on('focus', '#datepicker', function(){ 
     $(this).datepicker();  
    });

這工作正常。

來源

2016-09-11 16:23:58 Tom

彈出窗口中的jquery日期選擇器

回答

相關問題