Datepicker不能与jQuery Accordion一起使用

Question

我正在尝试为我的HTML text元素获取datepicker但它不适用于我， 感谢。

使用了js文件

`

<link href="<?php echo base_url();?>css/datepicker.css" rel="stylesheet"/>
<script type="text/javascript" src="<?php echo base_url();?>js/bootstrap-datepicker.js"></script>


<script type="text/javascript" src="<?php echo base_url();?>js/jquery.dimensions.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>js/jquery.accordion.js"></script>

`

甚至我用过 <script> $.noConflict();</script>

代码 -

$(document).ready(function()
  {
    $('.datepicker').datepicker({
        dateFormat : 'yy-mm-dd'
    });
 });

Answer 1

的functions.php

function loadjQueryUi() {
    wp_enqueue_script('jquery-ui-core');
    wp_enqueue_script('jquery-ui-datepicker');
    wp_enqueue_script('jquery-ui-accordion');
}

add_action( 'wp_enqueue_scripts', 'loadjQueryUi' );

scripts.js中

<script>
    jQuery(function() {
        jQuery('#accordion').accordion({
            create: function() {
                jQuery('.datepicker').datepicker({
                   dateFormat : 'yy-mm-dd'
                });
            }
        });
    });
</script>

前end.php

<div id="accordion">
    <h3>Start Date</h3>
  <div>
      <input type="text" class="datepicker" placeholder="Pick a start date" />
  </div>
</div>

如果您仍然更喜欢使用noConflict()（已在WordPress'es .jquery文件中调用）

带有noConflict包装的

<script>
    jQuery(document).ready(function($) {
        $('#accordion').accordion({
            create: function() {
                $('.datepicker').datepicker({
                   dateFormat : 'yy-mm-dd'
                });
            }
        });
    });
</script>