Question

我需要在ajax加载div中的输入上加载数据时间选择器.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>

我在控制台中发现了这个错误：

Uncaught TypeError: Object [object Object] has no method 'appendDtpicker'

我也试过这个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>

显示相同的错误。

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

我使用过这个JS插件：https://github.com/mugifly/jquery-simple-datetimepicker 请有人帮助我！

Answer 1

首先确保您的脚本正在加载。使用chrome或ie开发人员工具进行检查。还可以确保在jquery引用之后从您的页面引用https://github.com/mugifly/jquery-simple-datetimepicker插件。

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

Answer 2

试试这个：

$(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);
        });
});

无法在加载ajax的div中加载JQuery数据时间选择器

2 个答案: