包含此日期选择器的位置以及如何设置默认值

时间:2016-07-17 18:28:50

标签: ruby-on-rails date datepicker

Here您可以看到日期选择器,但我使用的代码是基本的。

<div class="field"> <%= label_tag("To date") %> <%= date_field_tag 'tdate', '2016/07/01', class: 'form-control' %> </div>

我不知道如何在此处包含日期选择器。在我尝试设置默认值&#39; 2016/07/07&#39;之前,我并不担心。它。但是你可以在图像中看到它没有出现。

我甚至尝试从application.js中删除JQuery,而bootstrap也没有常规<input type= "date">的任何类。

我对日期选择器没有任何问题(实际上非​​常好)。我只需要显示默认值。

Bootstrap类用于CSS。 Rails 4.2.6和ruby 2.2.4p230。

谢谢。

1 个答案:

答案 0 :(得分:0)

这是HTML5的功能,它遵循ISO format

在上面的代码中,默认值的日期分隔符为斜杠&#34; /&#34;。根据ISO格式,日期分隔符应为连字符&#34; - &#34;。

以下代码应该有效。

<div class="field"> <%= label_tag("To date") %> <%= date_field_tag 'tdate', '2016-07-01', class: 'form-control' %> </div>

如何禁用原生日期选择器? (对于Google Chrome)

这个问题已在Disable native datepicker in Google Chrome提出并得到了@Yacine Zalouani的回答,

隐藏箭头:

input::-webkit-calendar-picker-indicator{
    display: none;
}

隐藏提示:

input[type="date"]::-webkit-input-placeholder{ 
    visibility: hidden !important;
}