0

我想在我的 RoR 应用程序上添加一个日期时间选择器。
我添加：
1.“assest/javascripts”中的 jquery-ui-timepicker-addon.js 文件，
2.“assest/stylesheets”中的 jquery-ui-timepicker-addon.css。
在 .erb 文件中，我添加了以下内容：

<html>
   <head>
     <%= javascript_include_tag "jquery-ui-timepicker-addon" %>
     <%= stylesheet_link_tag "jquery-ui-timepicker-addon" %>
   </head>
   <body>
     <script>$('#ngo').datetimepicker();</script>
     <input type="text" id="ngo" />
   </body>
</html>

但是当我运行它时。它有以下错误：

Uncaught TypeError: Cannot read property 'timepicker' of undefined             jquery-ui-timepicker-addon.js:21
Uncaught TypeError: Cannot read property 'timepicker' of undefined             jquery-ui-timepicker-addon.js:21
Uncaught TypeError: Object [object Object] has no method 'datetimepicker'

有什么帮助吗？

4

2 回答 2

2

这已通过使用最新版本的 jquery 解决。确保更新您的 jquery。

尝试这个：

<script type="text/javascript">
  $(function() {
    $('#datetimepicker1').datetimepicker({
      language: 'pt-BR'
    });
  });
</script>
于 2013-05-03T04:09:58.657 回答
1

链接这些脚本：

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

或者您也可以下载这些脚本并添加到您的应用程序目录 ( app/assets/javascripts/something.js or public/javascripts/something.js)

然后添加<%= javascript_include_tag "something" %>到您的应用程序布局中。

在那之后的代码 HTML 和 JS

HTML

<input type="text" class='tinytext' id="datepicker" name='time_from'>

JavaScript

<script type="text/javascript">
    $(function () {

        $("#datepicker").datepicker({
            dateFormat:'mm/dd/yy'
        });

</script>
于 2013-05-03T04:54:21.480 回答