Выбор даты и времени не работает, когда мы используем jQuery шагов на одной странице - PullRequest
0 голосов
/ 19 июня 2020

Я пытался добавить средство выбора даты и времени jQuery шагов, и средство выбора даты и времени не отвечало должным образом ... и когда я удаляю сценарий инициализации шагов, он работает нормально ...

datetime picker

Could I know the solution??

Here are the jQuery steps init script:

var form = $("#profile_form").show();
form.steps({
    headerTag: "h3",
    bodyTag: "fieldset",
    transitionEffect: "slideLeft",
    onStepChanging: function (event, currentIndex, newIndex) {
        // Allways allow previous action even if the current form is not valid!
        if (currentIndex > newIndex) {
            return true;
        }
        // Forbid next action on "Warning" step if the user is to young
        if (newIndex === 3 && Number($("#age-2").val()) < 18) {
            return false;
        }
        // Needed in some cases if the user went back (clean up)
        if (currentIndex < newIndex) {
            // To remove error styles
            form.find(".body:eq(" + newIndex + ") label.error").remove();
            form.find(".body:eq(" + newIndex + ") .error").removeClass("error");
        }
        // form.validate().settings.ignore = ":disabled,:hidden";
        return true;
    },
    onStepChanged: function (event, currentIndex, priorIndex) {
        // Used to skip the "Warning" step if the user is old enough.
        if (currentIndex === 2 && Number($("#age-2").val()) >= 18) {
            form.steps("next");
        }
        // Used to skip the "Warning" step if the user is old enough and wants to the previous step.
        if (currentIndex === 2 && priorIndex === 3) {
            form.steps("previous");
        }
    },
    onFinishing: function (event, currentIndex) {
        return true;
        form.validate().settings.ignore = ":disabled";
        return form.valid();
    },
    onFinished: function (event, currentIndex) {
        alert("Submitted!");
    }
});

и вот мой сценарий инициализации выбора даты и времени:

jQuery(document).ready(function ($) {
    $('.datetimepicker5').datetimepicker({
        widgetPositioning: {
            horizontal: 'auto',
            vertical: 'bottom'
        }
    });
});
...