javascript – Jqueryui Datepicker不显示日历

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

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

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

  1. content += '

完整的Jquery代码

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

HTML

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

  1. function showFields(option) {
  2. . . . rest of method . . .
  3. $('#course_catalog').html(content);
  4. $('#course_catalog').find(".datepicker").datepicker({dateFormat: "yy-mm-dd"});
  5. }

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

猜你在找的jQuery相关文章