Question

我想实现以下实现：

我想将jQuery UI datepicker与另一个jQuery UI小部件结合使用。

也就是说，我想创建一个新窗口小部件，它以某种方式调用jquery UI datepicker窗口小部件，并允许我在窗口小部件的底部创建更多元素（将两个窗口小部件组合在一起，因为datepicker显示在顶部和我自己小部件显示在底部）。

请注意，我不需要jQuery UI datepicker本身的任何选项，而是一个新的小部件，它结合了jQuery UI datepicker和另一个小部件，在init上以某种方式调用datepicker。

有没有办法实现它？

我需要它的原因是创建一个新的小部件，其中datepicker位于顶部，我自己的timepicker在下面构成一个名为datetimepicker的新小部件（我知道有一些内置小部件，但我想创建自己的小部件）。

非常感谢。

Answer 1

您可以更好地将组件拆分为三部分..

jQuery UI datepicker
你自己的时间选择器
结合使用datepicker和timepicker

这样你就可以使用datepicker和timepicker来进行分隔。

我会说你已经有了一个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>

如何扩展datepicker小部件以创建新的datetimepicker小部件

1 个答案: