在 Bootstrap DatetimePicker 中显示自定义格式答案

【问题标题】：Displaying custom format in Bootstrap DatetimePicker在 Bootstrap DatetimePicker 中显示自定义格式
【发布时间】：2015-12-19 10:06:51
【问题描述】：

我正在使用 Bootstrap 的 DateTimePicker，我正在加载一个包含多行的视图，每个人都有一个 datetimepicker，我正在使用 timestamp 从数据库中预加载值日期时间：

2016-01-05 04:00:00

效果很好，但我想以 DD/MM/YYYY HH:mm:ss 的格式显示，我已将其放在 格式选项 中，如下所示：

$('.input-group.date').datetimepicker({
        locale: "es",
        stepping:15,
        format:'DD/MM/YYYY HH:mm:ss'    ,
        widgetPositioning:{
                            horizontal: 'auto',
                            vertical: 'bottom'
                        }
    });

但这不起作用，那是在给我加载一个空字段。然后，我尝试使用 data 属性，将其添加到 HTML 标记中：

data-date-format="DD-MM-YYYY hh:mm:ss"

但是，它给了我一个充满非常奇怪的东西的领域，像这样（这对我来说没有意义）：

20-01-0005 04:00:00

但是，当我输入时：data-date-format="YYYY-MM-DD hh:mm:ss" 效果很好，但这不是我想要的格式。那么，我能做到吗？我应该考虑什么样的事情？并提前感谢！

【问题讨论】：

您是否尝试在 html 元素中使用它？
它工作正常。你可以在这里测试它。 jsfiddle.net/Eonasdan/0Ltv25o8
@Franco 是的！我做到了，但这只有在用户填写空白字段时才有效。我的字段已经有一个值，用户只能更改它。而且它没有以有效的格式显示数据库给出的值
@KethaKavya 就像我说的那样，它适用于空白字段。但它不能很好地显示从数据库预加载的日期时间
如果输入有值，使用的日期格式应该匹配在引导日期时间选择器的format 选项中声明的格式。如果您需要显示与数据库中使用的格式不同的格式，则确实应该在填充表单之前对其进行转换，并在插入数据库之前将其转换回来。

标签： javascript jquery bootstrap-datetimepicker

【解决方案1】：

您可以使用extraFormats 选项或keepInvalid 指定格式数组。不过我建议你使用extraFormats。

extraFormat: ['...','....']

【讨论】：