Как расширить виджет datepicker для создания нового виджета datetimepicker

Question

Как расширить виджет datepicker для создания нового виджета datetimepicker

0

Я хотел бы выполнить следующую реализацию:

Я хочу использовать jQuery UI datepicker в сочетании с другим виджетами jQuery UI.

То есть, я хотел бы создать новый виджет, который каким-то образом вызывает виджет jquery UI datepicker и позволяет мне создавать больше элементов в нижней части виджета (объединяя два виджета вместе, когда датпикер показывает сверху, а мой собственный виджет показывает дно).

Обратите внимание, что мне не нужен какой-либо параметр jQuery UI datepicker, а новый виджет, объединенный с jQuery UI datepicker с другим виджетами, который в init вызывает datepicker каким-то образом.

Есть ли способ достичь этого?

Причина, по которой мне это нужно, - создать новый виджет, в котором находится datepicker, а мой собственный timepicker ниже - это новый виджет под названием datetimepicker (я знаю, что есть встроенные виджеты, но я хочу создать свой собственный).

Большое спасибо.

SyndicatorBBB 24 апр. 2014, в 18:01

Источник

0

Почему бы не взять вдохновение отсюда: github.com/trentrichardson/jQuery-Timepicker-Addon/blob/master/… ???
A. Wolff 24 апр. 2014, в 15:15

Теги:

jquery

datepicker

jquery-ui

jquery-plugins

1 ответ

Ещё вопросы

Почему бы не взять вдохновение отсюда: github.com/trentrichardson/jQuery-Timepicker-Addon/blob/master/… ???

edrian · Answer 1 · 2014-04-24T13-15-00.000Z

Вы могли бы разделить компонент на три части.

jQuery UI datepicker
Ваш собственный таймер
Виджет для комбинирования как datepicker, так и timepicker

Таким образом, вы можете использовать datepicker и timepicker togheter или разделенные.

Я полагаю, у вас уже есть виджет timepicker, и используйте его так: $("#timepicker").timepicker();

Затем у вас будет еще один плагин jQuery для достижения комбинации двух других плагинов. Например:

<div id="datetimepicker"></div>

<script type="text/javascript">
$.fn.datetimepicker = function(){
    var datepicker = $('<div>').datepicker();
    var timepicker = $('<div>').timepicker();
    $(this).append(datepicker).append(timepicker);
}
$("#datetimepicker").datetimepicker();
</script>