如何设置和自定义rails日期时间选择字段?

时间:2015-08-26 05:46:17

标签: css ruby-on-rails twitter-bootstrap datetime format

我在我的表中有一个datetime字段,在用户视图中选择我使用datetime_select视图助手的日期时间。我想用引导类来设置这个样式,我不想要它显示的默认日期格式。如何格式化此日期时间选择以及如何设置此字段的样式?

这是我现在使用的代码。

$lastMonth = date('M Y', strtotime("-1 month"));
var_dump($lastMonth);
$lastMonth = date('M Y', mktime(0, 0, 0, date('m') - 1, 1, date('Y')));
var_dump($lastMonth);

它以 <%= f.datetime_select :check_out_req , ampm: true , :class => "form-control"%> 格式显示日期时间选择下拉列表。但我希望它以year,month, date,hours, minutes格式显示下拉列表。

当我应用这样的样式day,month,year,hours,minutes时,样式不适用。如何设计这个领域?

3 个答案:

答案 0 :(得分:4)

datetime_select方法有两个哈希值,一个用于myButton.center.x = self.view.center.x // for horizontal myButton.center.y = self.view.center.y // for vertical ,另一个用于options。您需要明确告诉Ruby哪些键属于哪个哈希。由于html_options属于ampm哈希,而options属于class哈希,因此您需要分离哈希值。此外,如果要重新排序下拉菜单,请提供html_options选项:

order

答案 1 :(得分:0)

datetime元素中轻松插入span选择字段,并为其指定 CSS 类。以此片段为例;

<强> HTML:

<span class="datetime"><%= f.datetime_select :check_out_req , ampm: true , :class => "form-control"%><span/>

<强> CSS:

.datetime select:nth-child(1) {
  width: 130px;
  text-indent: 15px; 
}

答案 2 :(得分:0)

您可以通过传递订单参数来更改订单。

示例:

date_select(&#34;文章&#34;,&#34;书面&#34;,顺序:[:日,:月,:年])

有关详细信息,请参阅链接: http://apidock.com/rails/ActionView/Helpers/DateHelper/date_select