jQuery日期选择器未显示在我的应用程序中

我正试图在我正在构建的一个事件网站上将我的简单表单默认日期格式更改为jQuery日期选择器。我看过瑞安·贝茨的视频，但并不高兴。这是我的代码-

Application.js

//= require jquery
//= require jquery_ujs
//= require jquery-ui/datepicker
//= require turbolinks
//= require_tree .

Events.coffee

jQuery ->
  $("#datepicker").datepicker(
        dateFormat: "DD-mm-yy"

    );

表单-

<%= f.input :image, as: :file, label: 'Image' %>
<%= f.input :title, label: 'Title' %>
<%= f.input :location, label: 'Location' %>
<%= f.text_field :date, label: 'Date' %>
<%= f.input :time, label: 'Time' %>
<%= f.input :description, label: 'Description' %>
<%= f.input :organised_by, label: 'Organised by' %>
<%= f.input :organiser_description, label: 'Organiser description' %>
<%= f.input :url, label: "Link to Organiser site" %>

我的事件控制器有以下方法-

    def new
        @event = current_user.events.build
    end

我不确定#current_user.events.build是否是jQuery函数中需要显示的内容。我显然没有正确识别元素。如有任何帮助，我们将不胜感激。