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

Question

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。

谢谢。

Answer 1

这是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;
}