【问题标题】:jQuery-UI plugin with datetimepicker is displayed incorrectly带有 datetimepicker 的 jQuery-UI 插件显示不正确
【发布时间】:2017-04-20 23:08:45
【问题描述】:

我想在我的应用程序https://github.com/xdan/datetimepicker (Rails 5.0.2) 中以表单的形式使用以下日期时间选择器。我已经成功地从 jquery-ui 实​​现了 datepicker (https://github.com/jquery-ui-rails/jquery-ui-rails) 我使用它的方式如下:

# app/views/workshop/_form.html.erb
<%= f.label :end_date, 'End date' %>
<%= f.text_field :end_date, class: 'form-control' %>

在我的 javascripts 目录中:

# app/assets/javascripts/workshop.coffee
$(document).on 'turbolinks:load', ->
  $('#workshop_end_date').datepicker
    dateFormat: 'yy-mm-dd'

我已将 jquery.datetimepicker.css 和 .js 从 repo 复制到我的资产中并使用了代码:

$(document).on 'turbolinks:load', ->
  $('#workshop_end_date').datetimepicker({
    format:'d.m.Y H:i'
    });

当我点击该字段时,会显示一个小部件,但它基本上缺少所有日历/小时字段,只有箭头图标存在,见下文。

我做错了什么,我该如何正确使用这个插件?我应该从 repo 中包含一些其他文件还是根本不是这样做的方法。

我对 Rails 很陌生,我还没有很好地了解资产管道,所以这可能是一个愚蠢的问题,但我在任何地方都没有看到简单的说明。

【问题讨论】:

    标签: ruby-on-rails jquery-ui-datepicker


    【解决方案1】:

    我不会尝试为同一个表单域混合两种 JavaScript/CSS 格式。这肯定会导致一些意想不到的事情。删除 jquery-ui datepicker,因为 date 已经是 datetimepicker 的一部分。有人将 datetimepicker 打包为 gem,因此您可以使用它并按照 https://github.com/shekibobo/xdan-datetimepicker-rails 的说明进行操作。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-07-06
      • 2018-01-06
      • 2012-02-16
      相关资源
      最近更新 更多