javascript - jQuery datetimepicker 插件的 setDefaults

Question

我正在使用 jQuery timepicker 插件来扩展 jQuery datepicker，它允许我有一个日期+时间选择器。 link to the addon

为了设置格式设置和区域设置等默认设置，我在日期选择器和时间选择器上都使用了 setDefaults 选项。我调用 datetimepicker，一切正常。

// Working
jQuery.datepicker.setDefaults({buttonImage: '../images/cal.gif'});
jQuery.timepicker.setDefaults({buttonImage: '../images/time.png'});
jQuery("#datepicker").datepicker();
jQuery("#timepicker").timepicker();
jQuery("#datetimepicker").datetimepicker();

日期选择器将显示日历图像，时间选择器将显示时间图像。问题是我希望日期时间选择器显示日历图像。

我尝试了以下方法:

// Not working
jQuery.datepicker.setDefaults({buttonImage: '../images/cal.gif'});
jQuery.timepicker.setDefaults({buttonImage: '../images/time.png'});
jQuery.datetimepicker.setDefaults({buttonImage: '../images/cal.gif'});
jQuery("#datepicker").datepicker();
jQuery("#timepicker").timepicker();
jQuery("#datetimepicker").datetimepicker();

但这会导致以下错误:

TypeError: jQuery.datetimepicker is undefined

我知道 jQuery("#datetimepicker").datetimepicker({buttonImage: '../images/cal.gif'}); 解决了这个问题，但这意味着我将不得不改变每次通话时的图像。我需要它像日期选择器和时间选择器一样默认。

Answer 1

看起来 datetimepicker-plugin 不支持默认设置，但您可以实现某种解决方法。只需将其添加为 JQuery 对象本身:

(function ($) {
    $.datetimepicker.defaults = {
       buttonImage: '../images/cal.gif'
    };

    $.fn.datetimepicker = function (options) {
        var settings = $.extend($.datetimepicker.defaults, options);
    }
});

$.datetimepicker.defaults.buttonImage = '../images/someimage.gif';

$('.dtpicker').datetimepicker();

注意:这是未经测试的，只是一个想法，我建议您尝试使用 jsfiddle。