Datepicker和Tablesorter

Datepicker和Tablesorter

我在同一视图页面上使用Datepicker和Tablesorter。问题是,如果我拿出表分类器,日期选择器工作正常,但是当我再次包括表分类器时,日期选择器不再工作。

这是我的代码(日期选择器)。

$(function() {
var from = $('#from_h').val();
var to = $('#to_h').val();
$( "#from" ).datepicker({ dateFormat:'yy-mm-dd',defaultDate: from,
changeMonth: true,
changeYear:true,
changeDay:true,
numberOfMonths: 1,
onClose: function( selectedDate ) {
$( "#from" ).datepicker( "option", "fromDate", selectedDate );
}


});
});

这是我的表排序器代码。

$(document).ready(function() {
    $.tablesorter.addParser({
        id: 'custom_sort_function',
        is: function(s) {
            return false;
        },
        format: function(s) {
            return s.replace(/€/, '');
        },
        type: 'numeric'
    });


  $("#g_table").tablesorter({
      textExtraction:function(node){
      return $(node).text();
      },
       headers: {
            0: {
                sorter: false
            },
            1: {
                sorter: false
            },
            2: {
                sorter: false
            },
            3: {
                sorter: false
            },
            4: {
                sorter: false
            },
            5: {
                sorter: false
            },
            6: {
                sorter: false
            },
            7: {
                sorter: 'custom_sort_function'
            },
            8: {
                sorter: 'custom_sort_function'
            },
            9: {
                sorter: 'custom_sort_function'
            },
            10: {
                sorter: 'custom_sort_function'
            },
            11: {
                sorter: false
            },
            12: {
                sorter: false
            },
            13: {
                sorter: false
            },
            14: {
                sorter: false
            },
            15: {
                sorter: false
            },
            16: {
                sorter: false
            },
            17: {
                sorter: false
            },
            18: {
                sorter: false
            },
            19: {
                sorter: false
            },
            20: {
                sorter: false
            },
            21: {
                sorter: false
            },
            22: {
                sorter: false
            },
            23: {
                sorter: false
            },
            24: {
                sorter: false
            },
            25: {
                sorter: false
            },
            26: {
                sorter: false
            },

        }
    });
});


感谢您的帮助。

最佳答案

您可以使用jquery.noconflict()来避免冲突。有关详细信息,请访问Herehere

这是一个例子-

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$.noConflict();
jQuery(document).ready(function($){
  //your code
});
</script>

关于javascript - 与Datepicker和Tablesorter发生冲突,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/18093429/

10-11 11:29