datepicker和jstree或多个之间的冲突

时间:2014-08-27 10:26:34

标签: jquery jquery-ui datepicker

我在页面中使用了datepicker

使用jquery 1.6.2和jquery UI 1.8.14

的datepicker

然后我使用适用于1.9.0或更高版本的jstree

和多选,至少1.7.0 jquery

我加载这些js文件

<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>

<script type="text/javascript" src="scripts/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
var jq162 = jQuery.noConflict(true);
</script>

<script type="text/javascript" src="scripts/jquery-ui-1.10.42.custom.js"></script>
<link rel="stylesheet" media="all" type="text/css" href="js/jquery-ui.css" />
<script type="text/javascript" src="scripts/jquery.ui.datepicker-cc2.all.min.js"></script>
<script type="text/javascript" src="jquery-ui-timepicker-addon2.js"></script>
<link href="js/multiple-select.css" rel="stylesheet"/>
<script src="js/jstree.min.js"></script>
<link rel="stylesheet" href="js/themes/style.min.css" />

现在我用这个

   <script type="text/javascript">
      jq162(function() {
        //----------------------------------
        jq162('#datepicker12from').datepicker({
          onSelect: function(dateText, inst) {
            jq162('#datepicker12to').datepicker('option', 'minDate', new JalaliDate(inst['selectedYear'], inst['selectedMonth'], inst['selectedDay']));
          }
      });
      jq162('#datepicker12to').datepicker();
      jq162('#datepicker').datepicker();
    });
</script>

但是使用此代码,datepicker不起作用

我能为这个问题做些什么?

如果可以,请帮助我,我真的需要解决这个程序

谢谢

1 个答案:

答案 0 :(得分:2)

这里最简单的解决方案是使用较新的jQuery库,因为DatePicker仍可以正常工作。

但是...

根据您尝试使用.noConflict()的内容解决问题:

<强> HTML

<-- Leave the jsTree library out of here -->
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="scripts/jquery-1.6.2.min.js"></script>
<link rel="stylesheet" media="all" type="text/css" href="js/jquery-ui.css" />
<script type="text/javascript" src="scripts/jquery-ui-1.10.42.custom.js"></script>
<script type="text/javascript" src="scripts/jquery.ui.datepicker-cc2.all.min.js"></script>
<script type="text/javascript" src="jquery-ui-timepicker-addon2.js"></script>
<link href="js/multiple-select.css" rel="stylesheet"/>
<link rel="stylesheet" href="js/themes/style.min.css" />

jQuery(Javascript)

var jq162 = jQuery.noConflict(true);

// For debugging.
// You can see which version is loaded where.
console.log(jq162.fn.jquery);
console.log($.fn.jquery);

jq162(function () {
    jq162('#datepicker12from').datepicker();
});

$(function () {
    // Load the jsTree script library here.
    $.getScript('js/jstree.min.js', function () {
        // When it's done loading, create your jsTree stuff.
        $('#jstree1').jstree();
    });
});

Demo