弹出窗口中的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日期选择器

回答

相关问题