小编Hen*_*tto的帖子

使用simple_form在rails上的ruby上填充自定义时间字段

我是轨道上ruby和ruby的初学者,我正在尝试使用simple_form创建一个复杂的表单.一切都在运作,但我想以一种非常具体的方式自定义"时间"字段.

我用的时候:

<%= f.input :hour %>
Run Code Online (Sandbox Code Playgroud)

它呈现两个选择字段,即填充了00到23之间选项的"小时"字段,以及填充了00到59之间选项的"分钟"字段.

但这不是我想要的.我希望用一个具有自定义预先填充选项的选择字段替换当前两个选择字段的使用,时间范围从早上8点到晚上22点,以15分钟为增量,并且还有选项的文本显示时间与语法"8h00","8h15","8h30","8h45","9h00","18h00","18h15","18h30","18h45"等等."21h45"是最后一个选项.

我已经设法使用这些选项更多地定制它:

<%= f.input :hour, :as => :time, :minute_step => 15 %>
Run Code Online (Sandbox Code Playgroud)

虽然这解决了15分钟增量问题,但它仍然呈现两个选择字段.

这将是我想要为我渲染simple_form的html等价物:

<select name="hour">
<option value="08:00:00">08h00</option>
<option value="08:15:00">08h15</option>
<option value="08:30:00">08h30</option>
<option value="08:45:00">08h45</option>
...
<option value="21:30:00">21h30</option>
<option value="21:45:00">21h45</option>
</select>
Run Code Online (Sandbox Code Playgroud)

我很确定这很容易使用从8..21循环的集合实现,然后再次使用'00','15','30'和'45'循环,然后在语法中输出选项我想要(小时+"h"+分钟).

我想创建一个自定义的"日期"字段,因为在一个表单中会有很多日期字段(对于我正在创建的"约会"相关应用程序),但由于我是ruby on rails的初学者,我'我真的迷失了实现这一目标最聪明的方法.我不确定我是否应该在simple_form中实现自定义字段,如果我应该使用辅助函数,或者是什么.

ruby-on-rails simple-form

5
推荐指数
2
解决办法
4097
查看次数

Angularjs + Zurb基金会,他们一起打得好吗?

我很难设置一个角度和基础3的项目(后端的导轨).所以我一直在搜索,但结果并不多.

我正在从子文件夹(localhost:3000/app)提供角度,并启动了类似这样的html

!!!5
%html{ "ng-app" => "App" }
  %head
    -# I tried this for html5 url on angular, not so much help so far
      %base{:href => "/app/"}
    %title
      NG APP
      ...
  %body
    %header
      ...
    %main
      = yield
    %footer
      ...
    = javascript_include_tag "application"
    = yield :javascripts
Run Code Online (Sandbox Code Playgroud)

几个视图工作就好了.但是当我尝试使用基础选项卡时,我可以完成工作,因为角度传递锚点作为一个url,可以检查$ routeProvider.

所以,我在这里检查了一些问题,部分答案给我的印象是基础工作很好,能够在角度上启用html5模式.(我可以做到)和其他答案说,为了使角度的工作基础应该为基础上的每个组件编写指令.或者最后一个案例是转向Twitter Bootstrap.

所以,我可以找到一个统一的答案,请你,请确认我现在是否可以直接使用角度基础.谢谢.

zurb-foundation angularjs

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

Zurb Foundation - 顶栏 - 不要折叠到菜单

是否有可能没有基础中的顶部栏折叠到菜单和三行.我们并不真正需要此功能,但不确定如何禁用崩溃.

这需要修改foundation.topbar.js吗?

menu collapse zurb-foundation

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