jquery - Jquery 代码清理

Question

有没有办法不必写这个'两次'见下文#start_date和#end_date的函数完全相同。

<script type="text/javascript">

    jQuery(function($){

        $("#start_date").datepicker({
            showButtonPanel: true,
            minDate: 1,
            dateFormat: 'dd/mm/yy'
        });

        $("#end_date").datepicker({
            showButtonPanel: true,
            minDate: 1,
            dateFormat: 'dd/mm/yy'
        });     

    });

</script>

Answer 1

jQuery(function($){

    $("#start_date, #end_date").datepicker({
        showButtonPanel: true,
        minDate: 1,
        dateFormat: 'dd/mm/yy'
    }); 

});

http://jsfiddle.net/LWQCE/

或者使用一个类：

(function($){

    $(".myDatePickers").datepicker({
        showButtonPanel: true,
        minDate: 1,
        dateFormat: 'dd/mm/yy'
    }); 

});

Answer 2

您可以在 jQuery 中使用逗号来选择多个 id。

<script type="text/javascript">

    jQuery(function($){

        $("#start_date, #end_date").datepicker({
            showButtonPanel: true,
            minDate: 1,
            dateFormat: 'dd/mm/yy'
        }); 

    });

</script>

Answer 3

我不会担心这种少量的代码重复。此外，也许您决定在一周内更改其中一个属性，那么您会很高兴没有进行过多的重构。

尤其是在这个非常简单（而且非常容易阅读）的代码示例中，我很想应用三法则重构经验法则，它指出“代码可以复制一次，但是当相同的代码被使用 3 次时，它应该被提取到一个新的过程中”。