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

时间:2016-12-07 05:51:19

标签: jquery html bootstrap-datetimepicker

以下是我的示例代码:

$('#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').datetimepicker({
    tooltips: {
            today: 'today',
            clear: 'clear',
            close: 'close',
        },
        format: 'YYYY/MM/DD',
        locale: 'zh-tw',
});

设置它们,但不能正常工作......

谢谢!

---更新:--- 这些是关于类的代码:

<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

1 个答案:

答案 0 :(得分: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});

更新:通过选择类添加datetimepicker也应该有效,请检查是否正确设置了类。