如何从存档继承jQuery UI小部件选项

时间:2014-03-20 18:28:17

标签: javascript jquery inheritance user-interface configuration

我只是尝试编写一些JavaScript代码,为外部配置文件中的jQuery UI小部件设置一些选项,如下所示:

$(function($){
    $('.datepicker').datepicker({
        beforeShowDay: function(date) {
            var day = date.getDay();
            return [(day != 1)];
        }
    });
});

问题在于,当我在另一个页面中编写一些代码来为特定页面添加一些选项时,我的外部文件中的选项不会被覆盖。例如:上面的行就是我在配置文件中的行,下面行就是我在使用该组件的HTML页面中写的内容:

    $('.datepicker').datepicker({
        onSelect: function(date) {
            var diaDaSemana = new Date(date);
            var arrayHorarios = new Array();
            diaDaSemana.getDay() == 0 ? preencherHorarios(arrayHorariosDomingo) : preencherHorarios(arrayHorariosNormais);
        }
    });

它覆盖了我的配置文件中的选项,我想知道的是:如果不覆盖那么继承那些选项即使我没有设置我不想覆盖的属性

1 个答案:

答案 0 :(得分:0)

您可以为已初始化的日期选择器设置选项:

$('.datepicker').datepicker({
    beforeShowDay: function(date) {
        var day = date.getDay();
        return [(day != 1)];
    }
});

$('.datepicker').datepicker("option", "onSelect", function(date) {
    var diaDaSemana = new Date(date);
    var arrayHorarios = new Array();
    diaDaSemana.getDay() == 0 ? preencherHorarios(arrayHorariosDomingo) : preencherHorarios(arrayHorariosNormais);
});