jQuery優化-干

Question

我有一個簡單的情況：

$("#check-in").dateDropper({
    years_multiple: "10",
    format: "d-m-Y",
    minYear: "2015",
    maxYear: "2016",
    lang: "pt",
    animation: "bounce",
    placeholder: "Dia da entrada."
});

$("#check-out").dateDropper({
    years_multiple: "10",
    format: "d-m-Y",
    minYear: "2015",
    maxYear: "2016",
    lang: "pt",
    animation: "bounce",
    placeholder: "Dia da saída."
});

唯一的區別是占位符：“ ...”。

如何優化此代碼使其不重復（DRY）？

Answer 1

嘗試這個：

$("#check-in, #check-out").dateDropper({
    years_multiple: "10",
    format: "d-m-Y",
    minYear: "2015",
    maxYear: "2016",
    lang: "pt",
    animation: "bounce",
    placeholder:($(this).attr('id') == "check-in" ? "Dia da entrada." : "Dia da saída.")
});

Answer 2

嘗試這個 ：-

$("#check-in,#check-out").dateDropper({
    years_multiple: "10",
    format: "d-m-Y",
    minYear: "2015",
    maxYear: "2016",
    lang: "pt",
    animation: "bounce",
    placeholder: ($(this).attr('id') == "check-in" ? "Dia da entrada." : "Dia da saída.")
});

Answer 3

$("#check-in,#check-out").dateDropper({
    years_multiple: "10",
    format: "d-m-Y",
    minYear: "2015",
    maxYear: "2016",
    lang: "pt",
    animation: "bounce",
    placeholder: "Dia da "+($(this).attr('id') == "check-in" ? "entrada." : "saída.")
});

Answer 4

$("#check-in,#check-out").each(function(){
    var daylabel = this.id==="check-in" ? "entrada" : "saida";
    $(this).dateDropper({
        years_multiple: "10",
        format: "d-m-Y",
        minYear: "2015",
        maxYear: "2016",
        lang: "pt",
        animation: "bounce",
        placeholder: "Dia da "+daylabel+"."
    });
});