Bootstrap datetimepicker - 如何一次设置所有选择器工具提示？

Question

以下是我的示例代码：

$('#ex1').datetimepicker({
    tooltips: {
            today: 'today',
            clear: 'clear',
            close: 'close',
        },
        format: 'YYYY/MM/DD',
        locale: 'zh-tw',
});

$('#ex2').datetimepicker({
    tooltips: {
            today: 'today',
            clear: 'clear',
            close: 'close',
        },
        format: 'YYYY/MM/DD',
        locale: 'zh-tw',
});

$('#ex3').datetimepicker({
    tooltips: {
            today: 'today',
            clear: 'clear',
            close: 'close',
        },
        format: 'YYYY/MM/DD',
        locale: 'zh-tw',
});

同上，代码重复！如何一次设置所有选择器工具提示和选项？

我试过将它们添加到 "calendar" class，并使用

$('.calendar').datetimepicker({
    tooltips: {
            today: 'today',
            clear: 'clear',
            close: 'close',
        },
        format: 'YYYY/MM/DD',
        locale: 'zh-tw',
});

设置它们，但不起作用...

谢谢！

---更新：--- 这些是我关于 class:

的代码

<input type='text' class="form-control calendar"  id='leave-end'>
<input type='text' class="form-control calendar" id='leave-start'>

并且：

$('.calendar').datetimepicker({
            tooltips: {
                close: '關閉日曆',
                selectMonth: '選擇月份',
                prevMonth: '上個月',
                nextMonth: '下個月',
                selectYear: '選擇年份',
                prevYear: '前一年',
                nextYear: '下一年',
            },
            format: 'YYYY/MM/DD',
            locale: 'zh-tw',
        });

但不工作，也没有错误消息，怎么了？

和

var options = {
            tooltips: {
                today: 'today',
                clear: 'clear',
                close: 'close',
            },
            format: 'YYYY/MM/DD',
            locale: 'zh-tw',
        }
$('#leave-start').datetimepicker({options});

我复制并粘贴但收到 1 个警告 jquery.min.js:2 jQuery.Deferred exception: Maximum call stack size exceeded RangeError: Maximum call stack size exceeded 和 1 个错误 jquery.min.js:2 Uncaught RangeError: Maximum call stack size exceeded

Answer 1

只需使用变量。

var options = {
    tooltips: {
        today: 'today',
        clear: 'clear',
        close: 'close',
    },
    format: 'YYYY/MM/DD',
    locale: 'zh-tw',
}

$('#ex1').datetimepicker({options});
$('#ex2').datetimepicker({options});
$('#ex3').datetimepicker({options});

更新：通过选择 class 添加 datetimepicker 也应该有效，因此请检查您是否正确设置了 class。

Bootstrap datetimepicker - 如何一次设置所有选择器工具提示？

Bootstrap datetimepicker - How to set all picker tooltips at once?

html

jquery

bootstrap-datetimepicker