javascript – Jqueryui Datepicker不显示日历

前端之家收集整理的这篇文章主要介绍了javascript – Jqueryui Datepicker不显示日历前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我目前正在使用jquery ui datepicker作为两个输入字段.为了调用日历,inputfield必须有一个datepicker类.我在javascript中使用for循环来生成输入字段.我已经将类datepicker添加到可能生成的每个输入字段中.但是没有日历出现.在firebug控制台中,html确实显示输入字段具有类datepicker.现在,如果使用静态输入字段,它可以正常工作.如何在单击字段时显示日历? Example

在jquery中,这是我设置类的行:

content += '

完整的Jquery代码

PHP
                        $course_query = $db_con->prepare("SELECT course_id,course_name FROM courses_selection_list ");
                        $course_query->execute();
                        $data = $course_query->fetchAll();
                        foreach ($data as $row) {
                            //dropdown values pulled from database
                            echo 'content += \'

HTML

PHP" method="POST">
最佳答案
您要做的是确保在创建内容并将其添加到DOM之后运行datepicker代码.最简单的方法是将showpicker方法中的datepicker代码移到最后.像这样:

function showFields(option) { 

    . . . rest of method . . .

    $('#course_catalog').html(content);

    $('#course_catalog').find(".datepicker").datepicker({dateFormat: "yy-mm-dd"});
}

$(‘#course_catalog’).find(“.datepicker”)部分将确保仅初始化动态添加的datepicker字段(您不希望再次针对静态字段运行它).

原文链接:https://www.f2er.com/jquery/428254.html

猜你在找的jQuery相关文章