jQuery 日期和时间选择器

Posted 2023-05-07

技术标签:

【中文标题】jQuery 日期和时间选择器【英文标题】：jQuery Date and TimePicker 【发布时间】：2011-03-27 06:13:03 【问题描述】：

我正在尝试使用位于

的日期和时间选择器

http://razum.si/jQuery-calendar/TimeCalendar.html

但是，此选择器仅在不包含 jquery-ui.js 时才有效。看起来它与基本 jquery-ui.js 的某些内容冲突。

需要jquery核心api。

任何见解都会有所帮助。

提前致谢。

代码是

     <script type="text/javascript" src="jquery.js"></script> 
    <script type="text/javascript" src="jquery-calendar.js"></script> 
    <link rel="stylesheet" type="text/css" href="jquery-calendar.css" /> 
    <link rel="stylesheet" type="text/css"  href="styles.css" /> 
    <script type="text/javascript"> 
    //<![CDATA[
        $(document).ready(function () 
            $("#calendar1").calendar();

        );
    //]]>
    </script>

将弹出窗口集中在输入字段上的代码是

 <input type="text" id="calendar1" class="calendarFocus"/>

可以通过查看页面源代码来查看脚本，上面给出了链接。（我无法在此处发布更多链接，因为堆栈溢出不允许这样做）。

【问题讨论】：

发布您的代码（脚本包括和 JS）最后我编写了自己的日期和时间选择器，它使用基本的 jquery 日历并使用下拉菜单作为时间选择器并使用脚本管理事情 【参考方案1】：

我不熟悉这个插件。但是我通过在 UI 调用之后放置脚本调用来使用 Pengoworks one 覆盖 jQuery UI 的自动完成功能：

<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/jquery-ui-1.7.3.custom.min.js"></script>
<script type="text/javascript" src="/js/jquery.autocomplete.js"></script>

【讨论】：

【参考方案2】：

没有看到你的代码很难说，

但是，如果您继续遇到此日期选择器的问题.. 我一直使用 THIS 一，真的很简单，看起来也很棒。

【讨论】：

这只是一个日期选择器，而不是日期和时间选择器。我正在寻找日期和时间选择器。【参考方案3】：

您可以尝试仅下载包含您需要的模块的 jquery UI。（所以没有日期选择器）。

【讨论】：

感谢您的建议。但是，我将此选项保留为最后的手段。也许你可以试试 firebug 看看出了什么问题。我猜想 jquery 用相同的名称或其他东西扩展了 2 次。【参考方案4】：

我不确定你的意思。您在页面中使用 jQuery，并且想使用 razum 时间日历，但是那个与 jquery 冲突？

也许使用 jQuery UI 版本？可能更容易实现，因为您已经拥有 jQuery。 see here

【讨论】：