0

我在同一个视图页面上使用 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
            },

        }
    });
});

感谢您的帮助。

4

1 回答 1

3

您可以通过使用来简单地避免冲突jquery.noconflict()。有关更多信息,请访问此处此处

这是一个例子-

<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>
于 2013-08-07T04:30:03.100 回答