Question

我使用＆＃39; DateTimePicker＆＃39; （http://xdsoft.net/jqplugins/datetimepicker/）在我的日期字段中。

我会在日期字段上管理不同的选项。

通过实例：

field＆＃34; Birthdate＆＃34; ：allowBlank = false，format =＆＃39; Y-m-d＆＃39;
field＆＃34; appointmentdate＆＃34; ：allowBlank = true，format =＆＃39; d-m-Y＆＃39;

我的javascript是

jQuery(document).on('ready page:change', function() {

    var datefield = jQuery("[data-behaviour~='my-datepicker']");
    datefield.datetimepicker({
        format: datefield.attr('data-dateformat') || 'Y-m-d',
        timepicker:false,
        allowBlank: datefield.attr('data-allowblank'),
        lang: datefield.attr('data-lang') || 'en'
    });

});

我的问题是所有选项＆＃39; （allowblank，format）对于所有日期字段都是相同的！

我无法使我的datetimepicker功能仅适用于具有选项的字段（allowblank = true仅适用于＆＃39; appointmentdate＆＃39; ...）。

Answer 1

你可以这样做：

jQuery(document).on('ready page:change', function() {

    var datefields = jQuery("[data-behaviour~='my-datepicker']");

    datefields.each(function(){
        $(this).datetimepicker({
            format: $(this).attr('data-dateformat') || ($(this).attr('data-allowblank') ? 'd-m-Y' : 'Y-m-d'),
            timepicker:false,
            allowBlank: $(this).attr('data-allowblank'),
            lang: $(this).attr('data-lang') || 'en'
        });
    });

});

或者只需在HTML代码的data-dateformat属性中指定它。

DateTimePicker在不同的字段上有不同的参数

1 个答案: