在我的Rails应用程序中，使用Jquery Datepicker可以在一页而不是另一页上工作

Question

我有一个Rails应用程序。 在两个不同的html页面上，我想使用jquery的datepicker。 我第一次使用它时，效果很好：

在我的html中：

<input id="kid_dob" name="kid[dob]" type="text" />

在我的javascript中：

(function() {
  jQuery(function() {
    return $('#kid_dob').datepicker({
      changeMonth: true,
      changeYear: true,
      yearRange: '-16:c'
    })({
      dateFormat: 'yy-mm-dd'
    });
  });

  }).call(this);

（这实际上是用CoffeeScript编写的，上面显示的JavaScript已由rails处理）。

这很好用：当我单击kid_dob文本字段时，日期选择器日历确实出现。

但是，在另一页上，我有html

<input id="reservable_history_start_date" name="reservable_history[start_date]" type="text" />

和javascript（除了kid_dob被reservable_history_start_date替换之外， kid_dob内容完全相同）

(function() {
  jQuery(function() {
    return $('#reservable_history_start_date').datepicker({
      changeMonth: true,
      changeYear: true,
      yearRange: '-16:c'
    })({
      dateFormat: 'yy-mm-dd'
    });
  });

}).call(this);

但是，在第二种情况下，日期选择器日历未出现。 另外，当我使用选项检查器时，在第一个工作情况下，滚动文本是input#kid_dob.hasDatepicker ，但在不工作情况下，滚动文本只是input#reservable_history_start_date hasDatepicker （没有hasDatepicker ）。

另外，这是我的application.js文件中的require语句

//= require jquery
//= require jquery_ujs
//= require jquery.ui.datepicker
//= require bootstrap
//= require_tree .

我究竟做错了什么？！ 两个html文件之间必须有所不同，但是我很茫然。 任何提示都非常感谢。

这全部是Rails 4.0.0应用程序的一部分， ruby -v的输出是ruby 2.0.0p247（2013-06-27修订版41674）[x86_64-linux]我正在使用ubuntu 10.04 Lucid Lynx。

提前致谢！

Answer 1

也许您可以尝试在代码中添加以下功能，因为日期选择器可能未加载。

$(document).on('page:load')
$(document).ready();

Answer 2

我解决了。 事实证明，错误控制台（ctrl + shift + j）非常有用。 从jquery-rails内的某些代码getElementById()一个空字符串传递给getElementById() 。 通过有条不紊地删除application.js文件中的每一行，直到只剩下\\\\= require jquery-rails行，我就可以消除该错误。 然后我一次慢慢地添加一个库，直到发现问题所在（因为我确信jquery-rails不会有这么简单的错误）。 原来，我的jquery-rails和bootstrap发生了冲突-因此，我升级了bootstrap版本，并修复了getElementByID()问题，现在datepicker在两种情况下都可以使用。