Timepicker-插件没有显示-DatePicker工作正常吗?

时间:2011-12-24 作者:John Bentwin

UPDATE看来这可能是一个问题,

  $("#opening_time").datetimepicker();
  $("#opening_time_end").timepicker();
  $("#closing_time_end").timepicker();
如果有datetimepicker 在a之前呼叫timepicker 然后timepicker 不起作用。我不明白,因为我有datepicker 工作和一切都是以同样的方式包含的。我错过了什么?

成功地添加了jQuery UI日期选择器,甚至为just time添加了时间选择器meta_box 字段。我一直在尝试特伦特·理查德森的计时器插件,但我无法让它出现。

这是wp-enqueue 在函数中。php。

      /**
   * Adds a jQuery datepicker script to Event pages.
   * http://jqueryui.com/demos/datepicker/
   */
  function pbd_events_jquery_datepicker() {
      wp_enqueue_script(
          \'jquery-ui-datepicker\',
          get_bloginfo(\'template_directory\') . \'/jquery-ui-datepicker/jquery-ui-1.8.16.custom.min.js\',
          array(\'jquery\')
      );
          wp_enqueue_script(
          \'jquery-ui-timepicker\',
          get_bloginfo(\'template_directory\') . \'/jquery-ui-datepicker/jquery.ui.timepicker.js\',
          array(\'jquery\')
      );
      wp_enqueue_script(
          \'jquery-ui-timepicker-addon\',
          get_bloginfo(\'template_directory\') . \'/jquery-ui-datepicker/jquery.ui.timepicker-addon.js\',
          array(\'jquery\')
      );

      wp_enqueue_script(
          \'pbd-datepicker\',
          get_bloginfo(\'template_directory\') . \'/jquery-ui-datepicker/pbd-datepicker.js\',
          array(\'jquery\', \'jquery-ui-datepicker\', \'jquery-ui-timepicker\', \'jquery-ui-timepicker-addon\')
      );
  }
  add_action(\'admin_print_scripts-post-new.php\', \'pbd_events_jquery_datepicker\');
  add_action(\'admin_print_scripts-post.php\', \'pbd_events_jquery_datepicker\');

  /**
   * Adds CSS for the jQuery datepicker script to Event pages.
   * http://jqueryui.com/demos/datepicker/
   */
  function pbd_events_jquery_datepicker_css() {
      wp_enqueue_style(
          \'jquery-ui-datepicker\',
          get_bloginfo(\'template_directory\') . \'/jquery-ui-datepicker/css/smoothness/jquery-ui-1.8.16.custom.css\'
      );
      wp_enqueue_style(
          \'jquery-ui-timepicker\',
          get_bloginfo(\'template_directory\') . \'/jquery-ui-datepicker/css/jquery.ui.timepicker.css\'
      );
      wp_enqueue_style(
          \'jquery-ui-timepicker-addon\',
          get_bloginfo(\'template_directory\') . \'/jquery-ui-datepicker/css/jquery.ui.timepicker-addon.css\'
      );
  }
  add_action(\'admin_print_styles-post-new.php\', \'pbd_events_jquery_datepicker_css\');
  add_action(\'admin_print_styles-post.php\', \'pbd_events_jquery_datepicker_css\');
以下是pbd datepicker中添加的函数调用wp-enqueue.

      jQuery(function($) {
      $( "#start_date" ).datepicker({ dateFormat: \'yy/mm/dd\', numberOfMonths: 2, minDate: 0 });
      $( "#end_date" ).datepicker({ dateFormat: \'yy/mm/dd\', numberOfMonths: 4 });               

      $("#opening_time").datetimepicker();

      $("#opening_time_end").timepicker();
      $("#closing_time_end").timepicker();
      $("#artist_talk_time_end").timepicker();
      $("#lecture_time_end").timepicker();
      $("#panel_time_end").timepicker();
      $("#special_event_time_end").timepicker();
      $("#workshop_time_end").datetimepicker();
  });
输入字段ids是准确的。我已经检查并再次检查了打字错误。为什么要使用前两个脚本jquery。用户界面。计时器选择器。js和datepicker可以工作,但不能使用jquery。用户界面。timepicker插件。js??

我打错js了吗?

提前谢谢你。

1 个回复
最合适的回答,由SO网友:John Bentwin 整理而成

我发现我需要声明正确的js依赖项。此代码现在可以工作了。希望它能帮助其他人解决同样的问题。

关键线路array(\'jquery-ui-core\' ,\'jquery-ui-datepicker\', \'jquery-ui-slider\')

完整的“wp排队”代码:

      function pbd_events_jquery_datepicker() {
    wp_enqueue_script(
          \'jquery-ui-datepicker\',
          get_bloginfo(\'template_directory\') . \'/jquery-ui-datepicker/jquery-ui-1.8.16.custom.min.js\',
          array(\'jquery\')
      );

        wp_enqueue_script(
          \'jquery-ui-timepicker-addon\',
          get_bloginfo(\'template_directory\') . \'/jquery-ui-datepicker/jquery-ui-timepicker-addon.js\',
          array(\'jquery-ui-core\' ,\'jquery-ui-datepicker\', \'jquery-ui-slider\')
      );

      wp_enqueue_script(
          \'pbd-datepicker\',
          get_bloginfo(\'template_directory\') . \'/jquery-ui-datepicker/pbd-datepicker.js\',
          array(\'jquery\', \'jquery-ui-datepicker\' , \'jquery-ui-timepicker-addon\')
      );
  }
  add_action(\'admin_print_scripts-post-new.php\', \'pbd_events_jquery_datepicker\');
  add_action(\'admin_print_scripts-post.php\', \'pbd_events_jquery_datepicker\');

  /**
   * Adds CSS for the jQuery datepicker script to Event pages.
   * http://jqueryui.com/demos/datepicker/
   */
  function pbd_events_jquery_datepicker_css() {
      wp_enqueue_style(
          \'jquery-ui-datepicker\',
          get_bloginfo(\'template_directory\') . \'/jquery-ui-datepicker/css/smoothness/jquery-ui-1.8.16.custom.css\'
      );
      wp_enqueue_style(
          \'jquery-ui-timepicker-addon\',
          get_bloginfo(\'template_directory\') . \'/jquery-ui-datepicker/css/jquery-ui-timepicker-addon.css\'
      );
  }
  add_action(\'admin_print_styles-post-new.php\', \'pbd_events_jquery_datepicker_css\');
  add_action(\'admin_print_styles-post.php\', \'pbd_events_jquery_datepicker_css\');

结束

相关推荐

FireBug:WordPress管理面板中的jQuery出现问题

我正在尝试制作我的第一个插件,但我遇到了firebug的问题。当我在WP管理面板中使用firebug控制台时,它不能正常工作。例如,当我使用选择器$(“#wpbody”)时,控制台返回null值。WP面板包括jQuery库,我不知道为什么firebug会出错。有什么建议或建议吗?使用WP 3.1.3和3.2.1测试谢谢,马科斯。