Can'；t在ajax加载的div中加载JQuery数据时间选择器

我需要在ajax加载的div中的输入上加载data time picker.appendDtpicker（）

这是我试图实现的js代码：

$(document).on('click', "#start_date_q", function(){
        $("#start_date_q").appendDtpicker({"dateFormat": "YYYY-MM-DD h:m","minuteInterval": 15,"closeOnSelected": true,"calendarMouseScroll": false}); 
        });

这是我从前面的ajax调用中得到的html：

<div id="ajax results"><input type="text" id="start_date_q" name="start_date_q" value="'></div>

我还尝试了以下JS代码：

function select_date(type){

        $("#"+type).appendDtpicker({"dateFormat": "YYYY-MM-DD h:m","minuteInterval": 15,"closeOnSelected": true,"calendarMouseScroll": false}); 


     }

和html：

<div id="ajax results"><input type="text" id="start_date_q" name="start_date_q" value="" onclick="select_date('start_date_q')"></div>

将显示相同的错误

当我在另一个输入上实现相同的JS时（不是加载ajax），它确实显示了日期时间选择器

我使用过这个JS插件：

---

请任何人帮帮我

首先确保已加载脚本。使用chrome或ie开发者工具进行检查。还要确保在jquery引用之后从页面引用插件

<script src="pathtojquery"></script>
<script src="pathtoplugin"></script>

试试这个：

$(document).on('click', "#start_date_q", 
    function(){ 
        alert('ok'); 
        $.getScript("js/jquery.simple-dtpicker.js", function() { 
            alert('ok1');
            setTimeout( function() { 
                $("#start_date_q").appendDtpicker(
                    {"dateFormat": "YYYY-MM-DD h:m",
                    "minuteInterval": 15,
                    "closeOnSelected": true,
                    "calendarMouseScroll": false
                }); 
            }, 100);
        });
});

---

你确定jquery和jquery simple datetimepicker都加载了吗？只需将标记或代码放在你正在加载的地方，jquery.js和query-simple-datetimepicker.js也尝试了这个，但没有成功。脚本是在我加载页面时加载的。问题是当我（使用ajax）加载div时，输入id='start\u date\u q'在哪里。当我点击输入时，它会在控制台上显示该错误。我以前在同样的情况下使用过jQueryUIDataPicker，它确实可以工作。但我需要一个数据时间选择器。@rakela您是否能够在JSFIDLE中创建此项，并设置一个链接，以便我可以查看。我不确定我是否能够在JSFIDLE上创建此情况。情况如此复杂。但是，在加载了div的ajax之后（在单击输入之前），如何调用脚本？我尝试了$.getScript（），但没有成功。我尝试了这个：

$（文档）。在（'click'，“#start_date_q”，function（）{alert（'ok'）；$.getScript（'js/jquery.simple dtpicker.js），function（）{alert（'ok1'）；$（“#start_date date q”）。附加数据选择器（{“dateFormat”）：“yyyyy-MM-DD h:m”，“minuteInterval”：15，“closeOnSelected”：true，“calendarMouseScroll”：false}）；}）；

我收到两个警报，但仍然收到相同的错误消息。：（请您向我推荐任何jQyery日期时间选择器插件？就像我正在尝试实现的这个插件。我尝试了这个。相同的错误：

未捕获类型错误：Object[Object]没有“AppenddPicker”方法

这意味着您没有加载jquery-simple-datetimepicker.js脚本。请在jquery.js文件之后加载它。我已经在jquery.js之后加载了id。我不明白为什么会出现此错误。

$(document).on('click', "#start_date_q", 
    function(){ 
        alert('ok'); 
        $.getScript("js/jquery.simple-dtpicker.js", function() { 
            alert('ok1');
            setTimeout( function() { 
                $("#start_date_q").appendDtpicker(
                    {"dateFormat": "YYYY-MM-DD h:m",
                    "minuteInterval": 15,
                    "closeOnSelected": true,
                    "calendarMouseScroll": false
                }); 
            }, 100);
        });
});