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

Question

我正在使用 daterangepicker 库并通过 javascript 验证来验证我的表单，但时间字段返回 false 它说(请输入有效时间，在 00:00 和 23:59 之间)意味着它不允许我添加时间，例如(上午 08:25)

这是我的验证码

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

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