tempus-dominus-datetimepicker - Tempus Dominus 日期选择器，如果日期为空，则格式不起作用

Question

我在 Bootstrap 4 / ASP.net MVC Core 2 网站中使用 Tempus Dominus 日期时间选择器。

我只想以欧元格式显示日期 - 它在编辑记录时从数据库中填充日期时起作用。但是，当它在数据库中为空时，它会忽略格式并使用美国格式显示，当用户选择日期时存在时间。

我在页面中使用这个脚本来设置格式

$(function () {
    $('.date').datetimepicker({
        locale: 'en-gb',
        format: 'DD/MM/YYYY'
    });
})

当日期为空时，如何使这种格式正常工作？我只能在谷歌上找到以上述方式设置日期的东西，如果日期为空，我看不到任何关于这不起作用的问题。

谢谢。

Answer 1

作为一种解决方法，我总是测试我的日期选择器的值。我建议您使用输入中的值初始化日期选择器的值。如果值为 null 则不渲染

$('.datepicker').each(function () {
    const val = $(this).val();
    const format = 'DD/MM/YYYY'
    alert(val);
    $(this).datetimepicker({
        format: format,
        userCurrent: false,
        date: moment(val, format)
    });
});