如何设置Tempus Dominus 6(getdatepicker)的日期格式为YYYY-MM-DD

直接在初始化配置的localization字段下添加format属性指定格式即可，不需要额外引入其他依赖。

针对你需要的YYYY-MM-DD（对应组件规则为yyyy-MM-dd）格式，修改后的初始化代码如下：

const picker = new tempusDominus.TempusDominus(document.getElementById('fromDate'), {
    display: {
        components: {
            clock: false
        }
    },
    localization: {
        startOfTheWeek: 1,
        format: 'yyyy-MM-dd' // 新增该行配置指定输出格式
    }
});

注意事项 #

• Tempus Dominus 6的日期格式占位符规则：小写yyyy代表4位完整年份，大写MM代表2位补零月份，小写dd代表2位补零日期，不要误写为大写YYYY，否则格式解析会失效。
• 配置保存后刷新页面即可生效，选中日期后输入框会自动展示为2022-06-22这类符合要求的格式。
• 如果后续需要显示时分秒，只需要在format字符串后追加 HH:mm:ss，同时把display.components.clock改回true即可。

内容的提问来源于stack exchange，提问作者Daniel Jonsson