0

我对 elgg 的第一次实验。elgg_view('input/date' 使用 datepicker 函数,但我需要添加一些选项。

在我的插件(称为“帮助”)初始化函数(start.php)中,我声明了 elgg_extend_view('js/elgg', 'help/js'); 然后,在 \mod\help\views\default\help\js.php 中,我从 elgg 核心复制了 elgg.ui.initDatePicker 函数,并向其中添加了我的选项。我还添加了

elgg.provide('elgg.help');

在顶部和

elgg.register_hook_handler('init', 'system', elgg.ui.initDatePicker);

在底部,像这样:

-- \mod\help\views\default\help\js.php 代码的开头

elgg.provide('elgg.help');

elgg.ui.initDatePicker = function() {
    var loadDatePicker = function() {
        $('.elgg-input-date').datepicker({

            // MY OPTIONS ADDED
            yearRange: "-100:+0",
            changeYear: true,
            changeMonth: true,

            // ISO-8601
            dateFormat: 'yy-mm-dd',
            onSelect: function(dateText) {
                if ($(this).is('.elgg-input-timestamp')) {
                    // convert to unix timestamp
                    var dateParts = dateText.split("-");
                    var timestamp = Date.UTC(dateParts[0], dateParts[1] - 1, dateParts[2]);
                    timestamp = timestamp / 1000;

                    var id = $(this).attr('id');
                    $('input[name="' + id + '"]').val(timestamp);
                }
            }
        });
    };

    if ($('.elgg-input-date').length && elgg.get_language() == 'en') {
        loadDatePicker();
    } else if ($('.elgg-input-date').length) {
        elgg.get({
            url: elgg.config.wwwroot + 'vendors/jquery/i18n/jquery.ui.datepicker-'+ elgg.get_language() +'.js',
            dataType: "script",
            cache: true,
            success: loadDatePicker,
            error: loadDatePicker // english language is already loaded.
        });
    }
}

elgg.register_hook_handler('init', 'system', elgg.ui.initDatePicker);

--- \mod\help\views\default\help\js.php 代码结束

它确实打开了一个日历,但它不应用我的 yearRange、changeYear 和 changeMonth 选项。不过,如果我只是在 elgg\js\lib\ui.js 中添加选项,它就可以正常工作。因为我不想弄乱核心文件,所以我在这里寻求提示。谢谢

4

2 回答 2

0

利用

elgg_view('input/datepicker',array('name'=>'startDate'));

对于 elgg 1.8.16

于 2013-10-07T17:28:23.657 回答
0

请注意,您会以这种方式覆盖 elgg.ui.initDatePicker 的核心版本。

您似乎在 init 系统上第二次注册了相同的功能(它由核心注册,您刚刚更改了实现)

如果您不使用提供的 (elgg.help) 对象,您也不需要运行 elgg.provide。

除了这个注释,我会确保 JS 代码按时加载。你如何加载代码?elgg_load_js 或一些视图扩展?

于 2013-09-16T16:15:09.853 回答