Нужен выбор даты / времени с определенными функциями

Я огляделся, и я действительно вижу предыдущие вопросы, когда люди спрашивают о средствах выбора даты / времени; к сожалению, ни одна из этих тем не соответствовала моим конкретным потребностям. Я вижу, что многие люди также рекомендуют Any + Time, но он кажется немного «тяжелым», и я ищу легкий.

В принципе, мне нужен сборщик даты / времени для «событий». Средство выбора для поиска событий здесь (http://jqueryui.com/demos/datepicker/#event-search) очень хорошее, но не обрабатывает время. Моя форма построена на jQuery, поэтому я могу ее использовать.

  • У вас должна быть возможность выбрать дату и время.
  • Форма времени окончания должна быть скрыта до тех пор, пока не будет выбрано время начала.
  • После выбора времени начала время окончания должно быть автоматически установлено на 6 часов позже.
  • Не должно быть возможности выбрать время окончания до времени начала.
  • Должен иметь возможность обрабатывать часовые пояса и по умолчанию использовать текущий часовой пояс пользователя.
  • Должна быть возможность отправить метку времени в формате UTC (я сохраню в скрытом поле; например: 1291004863)

Ваши рекомендации приветствуются ... Я мало знаю о Javascript.


javascript picker jquery datetime
person Jason Axelrod    schedule 29.11.2010    source источник
comment
Я бы просто выделил время в отдельное поле. Вы можете легко использовать выпадающие списки для часов, минут, утра / вечера. Затем поместите поверх них несколько ползунков jQueryUI. Каландары необходимы, потому что мы не знаем, какое число следующее воскресенье или 31-е число текущего месяца. Время - это просто, поэтому почти не нужно иметь для него модный виджет.   -  person Keyo    schedule 29.11.2010
comment
Однако это не будет обрабатывать часовые пояса ...   -  person Jason Axelrod    schedule 29.11.2010

Ответы (1)


arrow_upward
1
arrow_downward

Я бы попробовал расширить jQuery UI datepicker изменениями, внесенными на следующей странице: http://addyosmani.com/blog/the-missing-date-time-selector-for-jquery-ui/

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

Надеюсь, это поможет!

Изменить: пример кода для диапазона datepicker (с использованием кода из ссылки выше):

-HTML-

<p>
    <label for="from">From:</label> <input class="datetime" type="text" name="from" id="from" value="" />
    <label for="to">To:</label> <input class="datetime" type="text" name="to" id="to" value="" />
</p>

-js-

$(function() {
    $('.datetime').datepicker({
        duration: '',
        showTime: true,
        constrainInput: false
     });
});

Вот ссылка, чтобы увидеть в действии: http://bit.ly/hZTR84

person Nick G    schedule 29.11.2010
comment
Хорошо ... Я попробовал средство выбора даты / времени, которое вы указали выше, и, к сожалению, оно не работает с диапазоном событий. Когда вы нажимаете дату / время окончания события, оно очищает время начала события. - person Jason Axelrod; 29.11.2010
comment
Проблема в том, что код не решает ни одной из моих потребностей ... Он не ограничивает время To допустимой датой / временем после времени From. - person Jason Axelrod; 29.11.2010
comment
Ингредиенты есть ... Я посмотрю, смогу ли я приготовить это для вас в ближайшее время. - person Nick G; 29.11.2010