Как установить минимальное и максимальное значения на счетчике времени jQuery?

0

Я создаю форму, и я хочу добавить функцию jQuery для <input type="date"> которая не позволит пользователю выбирать дату в прошлом. Если они это сделают, отобразится ошибка, и форма не будет проверяться.

UPDATE: дата отключения в прошлом была исправлена с помощью jQuery Datepicker

У меня также есть вопрос о <input type="time">. Как я могу сделать это поле только время покажет между 11:30 и 22:00?

Осталось выяснить, как установить минимальное время и максимальное время, например, мин. 11:30 и макс. 21:45, а также выяснить, как получить 15-минутные приращения на последних двух номерах. Кто-нибудь за этот вызов? знак равно

Я новичок в jQuery, поэтому любая помощь очень ценится.

Пожалуйста, найдите ОБНОВЛЕНО пример моего кода в этом JSFiddle.

  • 2
    Я думаю, что вы можете лучше использовать Jquery DateTimepicker, он охватывает его объект даты, и он является перекрестным. type = "date" не работает в IE или FF jqueryui.com/datepicker
  • 0
    Вы можете использовать min attr для input как здесь , вы можете сделать что-то подобное для времени. Однако я согласен с Rickdep, что вы должны использовать jquery DateTimepicker.
Показать ещё 3 комментария
Теги:
forms

1 ответ

2
Лучший ответ

Чтобы получить 15-минутный прирост на последних двух числах, введите значение шага 60 * 15000, например.

$.widget("ui.timespinner", $.ui.spinner, {
    options: {
        // seconds
        step: 60 * 15000,
        // hours
        page: 60,
        max: "9:45 PM",
        min: "11:30 AM"
    },

    _parse: function (value) {
        if (typeof value === "string") {
            // already a timestamp
            if (Number(value) == value) {
                return Number(value);
            }
            return +Globalize.parseDate(value);
        }
        return value;
    },

    _format: function (value) {
        return Globalize.format(new Date(value), "t");
    }
});

здесь есть скрипка

  • 0
    Thnx! :) Есть идеи, как установить минимальное и максимальное время?
  • 0
    @ Prodac Я обновил скрипку для минимального и максимального времени. в объекте option используйте min и max. см обновленный ответ.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню