Question

Timepicker input not helping

Forms

Updated July 24, 2018

asked on July 23, 2018

I am trying to use the timepicker plugin, however if I put "input" after my CSS class, the time drop down menu goes back to only selecting hours, while if I do not use "input" I see my 15 minute increments, however they are floating away from the selected time area and can't be selected. I also don't know how to properly implement the CSS for timepicker overall.

CSS class is "timeselect"

Code:

$(document).ready(function () {
$.getScript('http://LASERFICHEWIN10/forms/js/jquery.timepicker.js', function() {
$('.timeselect input').timepicker({ 'step': 15 });
});
});

$(document).ready(function () {
$.getScript('http://LASERFICHEWIN10/forms/js/jquery.timepicker.js', function() {
$('.timeselect').timepicker({ 'step': 15 });
});
});

which results in the following images respectively:

And

0 0

Answer

SELECTED ANSWER

replied on July 23, 2018

My recommendation would be to change it to "Single Line" fields and do not use the date time or dropdown built into forms.

An example for timecards might be

$(document).ready(function () {
    $.getScript('http://LASERFICHEWIN10/forms/js/jquery.timepicker.js', function () {
        $('.TimeInA input').timepicker(
            {
                'step': 15,
                'scrollDefault': '8:00 AM',
                'forceRoundTime': true
            }
        );
    });
});

1 0

Replies

replied on July 24, 2018

Thank you, changing to single line solved my problem.

0 0

You are not allowed to follow up in this post.

Question

Question

Timepicker input not helping

Answer

Replies

Sign in to reply to this post.