在 elgg jQuery datepicker 选项中不起作用答案

【问题标题】：in elgg jQuery datepicker options do not work在 elgg jQuery datepicker 选项中不起作用
【发布时间】：2013-09-08 10:26:53
【问题描述】：

我对 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 中添加选项，它就可以正常工作。因为我不想弄乱核心文件，所以我在这里寻求提示。谢谢

【问题讨论】：

标签： javascript jquery jquery-ui datepicker elgg

【解决方案1】：

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

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

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

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

【讨论】：

【解决方案2】：

使用

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

对于 elgg 1.8.16

【讨论】：