jquery - Rails 在文本字段中显示日期时间

Question

有一个 _form.html.erb，我想在其中的文本字段而不是下拉菜单中显示日期时间。我下面的代码没有在我的文本字段中显示任何内容，我该如何处理...

<div class="field">
<%# f.label :time %>
<%# f.datetime_select :time %>
<%= f.text_field:time, :value => timesheet.user, :readonly => true %>
</div>

下图

在@luissimo 提到 javascript 之后，我在 jquery 中想出了一段代码

var tm1 =  $( "#timesheet_time_1i" ).val();
var tm2 =  $( "#timesheet_time_2i" ).val();
var tm3 =  $( "#timesheet_time_3i" ).val();
var tm4 =  $( "#timesheet_time_4i" ).val();
var tm5 =  $( "#timesheet_time_5i" ).val();
var tm_all = tm1 + '-'+ tm2 + '-' + tm3 + ' ' + tm4 + ':' + tm5;   

$('#timesheet_time').val(tm_all); 

Answer 1

首先把你的代码改成这样；

<div class="field">
<%# f.label :time %>
<%# f.datetime_select :time %>
<p class="output_time"></p>
</div>

然后找到 Rails 预定义的 datetime_select 的 ID。使用检查元素找到它。出于解释目的，我将 id 的 #id1 称为 #id5。

然后在 jQuery 中做这样的事情；

$(".output_time").text( ($("#id3").val()) + ' ' + ($("#id2").find(":selected").text()) + ' ' +  ($("#id1").val()) );

$("#id3").change(function()
{
  $('.output_time').text( ($(this).val()) + ' ' + ($("#id2").find(":selected").text()) + ' ' +  ($("#id1").val()) ) ;
});
$("#id2").change(function()
{
  $('.output_time').text( ($("#id3").val()) + ' ' + ($(this).find(":selected").text()) + ' ' + ($("#id1").val()) ) ;
});
$("#id1").change(function()
{
  $('.output_time').text( ($("#id3").val()) + ' ' + ($("#id2").find(":selected").text()) + ' ' + ($(this).val()) ) ;
});

我在这里使用了 3 个 id，但你有 5 个，所以你可以在它后面添加那些，这样你甚至可以学习一些 jQuery 并制作你自己的输出格式(DD-MM-YY-TT 等)。