小编Car*_*cía的帖子

Materialize插件会中断日期和日期时间选择器

我一直在解决以下问题...我有一个基本和功能的rails应用程序来记录事件,我使用脚手架来构建模型和所有,用户可以记录事件与他们的日期时间,一切正常.但是,只要我将"Materialise"添加到应用程序,它就会打破表单中的所有日期时间,日期和时间选择器.

在Materialise之后,我的表单中由Rails生成的datetime_selector根本不可操作,它们看起来很奇怪(包括截图)

- 如果我手动安装gem或者用bower安装它,就会发生这种情况.我知道,materialze为date_selectors提供了一个特殊的"datepicker"类.使用它没有任何区别.

- 我没有其他CSS应用于我的表单(我删除了所有scaffolds.css).如果我尝试手动应用材质设计样式,表单确实有效,但我不能使用Materialise.

有关为什么会发生这种情况以及如何解决问题的想法?

截图:

在实现之前

实现后

<%= form_for(@event) do |f| %>
  <% if @event.errors.any? %>
    <div id="error_explanation">
      <h2><%= pluralize(@event.errors.count, "error") %> prohibited this event from being saved:</h2>

      <ul>
      <% @event.errors.full_messages.each do |message| %>
        <li><%= message %></li>
      <% end %>
      </ul>
    </div>
  <% end %>

  <div class="field">
    <%= f.label :title %><br>
    <%= f.text_field :title %>
  </div>
  <div class="field">
    <%= f.label :datetime %><br>
    <%= f.datetime_select :datetime, class: "datepicker" %>
  </div>
  <div class="field">
    <%= f.label :date %><br>
    <%= f.date_select …
Run Code Online (Sandbox Code Playgroud)

ruby-on-rails materialize ruby-on-rails-4

1
推荐指数
1
解决办法
1894
查看次数