带有日期时间选择器和格式('LLLL'）的formValidation

formValidation with datetimepicker and format('LLLL')

本文关键字：LLLL formValidation 日期时间选择器格式更新时间：2023-09-26

我使用以下选项以LLLL格式在日期时间选择器中显示时间

$('#meeting_datetime').datetimepicker({defaultDate: tomorrowsDate, stepping: 5, format: 'LLLL'});

所有这些都很好，但现在我想验证这个字段，我认为它应该像一样工作

$('#manage_jc_settings_form')
        .formValidation({
            framework: 'bootstrap',
            excluded: ':disabled',
            ignore: [],
            icon: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
            fields: {
                meeting_datetime: {
                    validators: {
                        notEmpty: {
                            message: 'The date is required'
                        },
                        date: {
                            format: 'LLLL',
                            message: 'The date is not valid'
                        },
                        callback: {
                            message: "The next meeting can't be in the past",
                            callback: function (value, validator) {
                                var m = new moment(value, 'LLLL', true);
                                return (m > todaysDate);
                            }
                        }
                    }
                }
            }
        }
    });

但这样一来，日期时间字段就不会生效。有人知道如何在验证中使用LLLL格式吗？我正在使用formValidation插件http://formvalidation.io/谢谢carl

日期验证类型不支持该类型的格式。您需要将回调验证类型与moment一起使用。但是，由于您已经有了回调类型，并且需要返回不同的消息，因此需要使用Dynamic消息。

http://formvalidation.io/validators/callback/#dynamic-消息示例

function(value, validator, $field) {
    // ... Do your logic checking
    if (...) {
        return {
            valid: true,    // or false
            message: 'The error message'
        }
    }
    return {
        valid: false,       // or true
        message: 'Other error message'
    }
}

然后检查日期的有效性，并返回一条消息。并检查日期是否大于todaysDate，并为此返回不同的消息。

如果todaysDate不是一个时刻，那么创建它：

todaysMomentDate = moment(todaysDate);

然后比较它们：

var diffDuration = moment.duration(m.diff(todaysMomentDate);
return diffDuration.asMilliseconds() < 0;