【问题标题】：How to extend the datepicker widget to create a new datetimepicker widget如何扩展 datepicker 小部件以创建新的 datetimepicker 小部件
【发布时间】：2014-06-09 23:20:19
【问题描述】：
我想实现如下实现：
我想将 jQuery UI 日期选择器与另一个 jQuery UI 小部件结合使用。
也就是说，我想创建一个新的小部件，它以某种方式调用 jquery UI datepicker 小部件，并允许我在小部件底部创建更多元素（将两个小部件组合在一起，因为日期选择器显示在顶部和我自己的小部件显示在底部）。
请注意，我不需要 jQuery UI datepicker 本身的任何选项，而是一个新的小部件，它结合了 jQuery UI datepicker 和另一个小部件，它在 init 上以某种方式调用 datepicker。
有没有办法实现它？
我需要它的原因是创建一个新的小部件，其中日期选择器在顶部，我自己的时间选择器在下面构成一个名为 datetimepicker 的新小部件（我知道有一些内置小部件，但我想创建自己的)。
非常感谢。
【问题讨论】：
标签：
jquery
jquery-ui
jquery-plugins
datepicker
【解决方案1】：
你最好把组件分成三部分..
- jQuery UI 日期选择器
- 你自己的时间选择器
- 结合日期选择器和时间选择器的小部件
这样你既可以同时使用 datepicker 和 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>