jQuery Timepicker Addon

Question

我是网络开发的新手，在我的网络中我需要有日期时间选择器，我试图使用trentrichardson的日期时间选择器，不幸的是我无法使其工作。这是我的javascript

<script>
    $(function() {
        $( "#datepicker" ).datetimepicker();
    });
</script>

任何人都可以帮助我，如何设置这个日期时间选择器..

Answer 1

OP的信息非常少，我会试一试。

您的代码应该如下所示（考虑到您的根文件夹中有一个文件夹js，包含所有javascripts。

<html>
  <head>
     <!-- Add your CSS file here -->

     <!-- Add your Java Script files here -->       
     <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
     <script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
     <script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"></script>
     <script type="text/javascript" src="js/jquery-ui-sliderAccess.js"></script>
     <script type="text/javascript">
     $(function(){
         $( "#datepicker" ).datetimepicker();
     });
     </script>
  </head>
  <body>
    <input type="text" name="datepicker" id="datepicker" />
  </body>
</html>

要使javascript工作，javascript函数所需的所有组件都应预先加载到客户端浏览器上。

在head内标记建议订单是

CSS ：首先包含CSS，以便浏览器首先获取它，并正确呈现网站。
JavaScripts ：正确呈现后，应加载javascripts，以便用户可以与网站进行互动。
内联Javascript :(如果有的话，考虑到您正在使用预加载库中的某些组件。

希望这适合你。

Answer 2

首先，您需要下载日历的javascript文件和css样式表文件。

下载此链接 http://trentrichardson.com/examples/timepicker/

下载文件后，创建一个html文件，并参考下载文件的样式和javascript，还记得在HTML中添加jQuery Library文件。

根据需要创建HTML并使用DOM准备好的脚本。

$(document).ready(function ()
{
    $( "#datepicker" ).datetimepicker();
});

注意：#datepicker id您需要弹出日历的html元素的ID。

您还可以阅读下载提供的自述文件。

jQuery Timepicker Addon

使用


要使用此插件，您必须包含带有datepicker和滑块的jQuery和jQuery UI

包含timepicker-addon脚本

现在将timepicker与$（'＃selector'）。datetimepicker（）或$（'＃selector'）。timepicker（）
一起使用

贡献代码 - 请阅读！   --------------------------------非常感谢所有代码贡献和错误报告。请务必将修复程序应用于   “开发”分支。

从自述文件中复制，该文件随文件一起下载。

Answer 3

尝试加载jquery库文件和datetimepicker插件。调试提示：

按错误控制台 ctrl + shift + j （Firefox）

它将显示jquery或javascript错误

Answer 4

你加载了jQuery吗？认为通过以下方式将此功能放在页面上会更好：

$(document).ready(function ()
{
    $( "#datepicker" ).datetimepicker();
});

Answer 5

使用HTML5，这很简单： -

<input type="datetime-local" name="bdaytime">

编辑： - 我发现这可能存在被删除的风险，所以如果你将来使用它，只是为了确保它不会被弃用。

设置日期时间选择器

5 个答案:

jQuery Timepicker Addon

使用