时间选择器验证返回始终为false

Question

我正在使用daterangepicker库并通过javascript验证来验证我的表单，但是time字段返回false，它说（请输入一个有效时间，介于00:00和23:59之间），这表示不允许我添加类似（ 08:25 AM）

这是我的验证码

var $validationForm = $('#smartwizard');
            $validationForm.validate({
                errorPlacement: function errorPlacement(error, element) {
                    $(element).parents('.form-group').append(
                        error.addClass('invalid-feedback small d-block')
                    )
                },
                highlight: function(element) {
                    $(element).addClass('is-invalid');
                },
                unhighlight: function(element) {
                    $(element).removeClass('is-invalid');
                },
            });

这是我的时间选择器功能

$(document).on('focus','.time',function(){
                $(this).daterangepicker({
                 timePicker : true,
                singleDatePicker:true,
                timePickerIncrement : 1,
                timePicker24Hour:false,
                timePickerSeconds : false,
                locale : {
                    format : 'hh:mm A',
                }
            }).on('show.daterangepicker', function(ev, picker) {
                picker.container.find(".calendar-table").hide();
                });
        });

Answer 1

由于daterangepicker假定时间为24小时格式，因此将类名.time替换为任何class name。