Eu tentei várias maneiras e vasculhei a Internet para tentar fazer as Animações funcionarem e deixei um espaço em branco. Eu tenho a opção datepicker trabalhando e formato de data, mas não animações (estou procurando usar a opção 'clipe').

Aqui está o que há nos vários arquivos -

Application.js

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

Events.js.coffee

jQuery ->




    $("#datepicker").datepicker( 

        dateFormat: "DD, d MM, yy"


    );

_form.html.erb

<%= f.input :image, as: :file, label: 'Image' %>
<%= f.input :title, label: 'Title' %>
<%= f.input :location, label: 'Location' %>
<%= f.text_field :date, id: 'datepicker', 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" %>

<%= f.button :submit, label: 'Submit' %>

Application.css.scss

*= require_self
 *= require jquery-ui/datepicker
 */

@import 'normalize';
@import 'global.css.scss';
@import 'events.css.scss';
@import 'welcome.css.scss';

Eu tentei as seguintes variações -

$ ->
$("#datepicker").datepicker();
$( "#datepicker" ).datepicker( "option", "showAnim", "clip");

$(document).ready(function(){


    $("#datepicker").datepicker(dateFormat: "DD, d MM, yy");

    $( "#datepicker" ).datepicker( "option", "showAnim", "clip");

});  

Entre muitos outros, o que estou perdendo? É uma questão tão pequena no grande esquema do que estou construindo, mas não continuarei até que isso seja resolvido. Toda a assistência muito apreciada.