jquery - Rails jquery ui 日期选择器

Question

我想将日期选择器小部件添加到我选择的字段之一。我目前使用的是 Rails 3.2.13 和 ruby​​ 1.9.3.p325。我还包含了“jquery_datepicker”gem，以及“jquery-rails”和“jquery-ui-rails”

表单代码如下所示。

  <div class="field">
    <%= f.label :datum %><br />
    <%= f.text_field :datum , :id => "datepicker" %>
  </div>

包含的 JavaScript 是:

//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require dataTables/jquery.dataTables
//= require select2
//= require_tree .


$ ->
  $("#practice_toolkeeper")
    .select2({
         allowClear: true,
         placeholder: 'Select an item'
    })
    .select2('val',$("#toolkeeper_value").val())    

$ ->
  $("#datepicker").datepicker()

生成 HTML

<div class="field">
  <label for="practice_datum">Datum</label><br />
  <input id="datepicker" name="practice[datum]" size="30" type="text" />
</div>

如果您选择输入字段，则不会发生任何事情

Answer 1

替换

$("datepicker").datepicker();

与

$("#datepicker").datepicker();

selecotr 中缺少 #。因为datepicker是元素的id。您需要在选择器中使用#。

更新

jQuery($)->
 $("#datepicker").datepicker();
 .....

这应该有效。

更新2

假设您在 sample.coffee 文件中有以下内容 -

jQuery ->
 $("#datepicker").datepicker();

您需要使用以下命令编译 abouve 文件 -

coffee -c sample.coffee

这将生成包含以下内容的 js 文件 -

(function() {
  jQuery(function() {
    return $("#datepicker").datepicker();
  });

}).call(this);

如果您不太熟悉 CoffeeScript ，请查看 http://coffeescript.org/#installation