blocks|key|2286|text|这是一种ISO8601日期格式，JS的Date.parse理解这种格式。您应该覆盖jquery-datetimepicker的Date.parseDate方法，如下所述：parser|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2287|entityMap|0|LINK|mutability|MUTABLE|url|http://xdsoft.net/jqplugins/datetimepicker/#use_other_date_parser^0|J|A|15|L|1R|E|2D|6|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]|$9|Q|A|R|B|C]|$9|S|A|T|B|C]]|D|@$9|U|A|V|1|W]]|E|$]]|$1|F|3|-4|5|6|7|X|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

That's an ISO8601 date format, which JS's <code>Date.parse</code> understands. You should override the <code>jquery-datetimepicker</code>'s <code>Date.parseDate</code> method as described here: <a href="http://xdsoft.net/jqplugins/datetimepicker/#use_other_date_parser" rel="nofollow">http://xdsoft.net/jqplugins/datetimepicker/#use_other_date_parser</a>

blocks|key|3996305|text|@smathy的回答使我朝着正确的方向努力，至少它能使我做到这一点。我需要做一些进一步的工作才能让它运转起来。必须在init运行之前完成Date.parsedate的重写，并且必须返回类型为Date的对象。这将产生以下代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3996306|//=+require+jquery.datetimepicker
Date.parseDate+=+function(+input,+format+){return+new+Date(Date.parse(input));};
jQuery(document).on('ready+page:change',+function()+{
++++var+datetimefield+=+jQuery('.datetimepicker');
++++datetimefield.datetimepicker({
++++++++format:+'Y-m-d+H:i:s',
++++++++lang:+datetimefield.attr('lang')+%7C%7C+datetimefield.parents('[lang]').attr('lang')
++++});
});|code-block|syntax|javascript|3996307|//=require+jquery.datetimepicker/init已经被gem中的实际init代码所取代，并且覆盖已经在它之前运行。|offset|length|style|CODE|3996308|我不再使用f.datetime_local_field，而是使用f.datetime_field来防止时区被应用两次。|3996309|此外，如果在同一页上多次使用此代码，则会出现问题。当您第一次访问前面的字段时，它们会显示来自最后一个字段的时间戳。我在找一个更好的约会时间选择者，如果我找到一个，我会回来报告的。|3996310|编辑:2014年1月18日|BOLD|3996311|我使用了Trent的jQuery时间选择器https://github.com/trentrichardson/jQuery-Timepicker-Addon和浏览器时区-rails创业板。时间显示为文本字段中的格式化值。|3996312|++++++<%25=+f.text_field+:start_time,+value:+f.object.start_time.strftime('%25F+%25T'),+class:+'datetime'+%25>|3996313|在本地时间以一致的，但人类可读的格式。时间选择器的JS配置是：|3996314|$(document).on("ready+page:load",+function()+{
++++$('.datetime').datetimepicker({
+++++++++dateFormat:+$.datepicker.ISO_8601,
++++++++separator:+'+',
++++++++timeFormat:+'HH:mm:ss',
++++++++showSecond:+false,
++++++++showMillisec:+false,
++++++++showMicrosec:+false,
++++++++showTimezone:+false,
++++++++pickerTimeFormat:+'hh:mm+tt'
++++});
});|3996315|on("ready+page:load"是必需的，因为turbolinks不会导致被触发。这段代码正确地支持页面上的多个日期时间字段，但是它需要一些额外的验证。|3996316|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/trentrichardson/jQuery-Timepicker-Addon^0|0|0|0|11|0|5|M|W|G|0|0|0|D|0|L|1M|0|0|0|0|0|0|K|R|A|0^^$0|@$1|2|3|4|5|6|7|1B|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|1C|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|1D|8|@$I|1E|J|1F|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|1G|8|@$I|1H|J|1I|K|L]|$I|1J|J|1K|K|L]]|9|@]|A|$]]|$1|O|3|P|5|6|7|1L|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1M|8|@$I|1N|J|1O|K|S]]|9|@]|A|$]]|$1|T|3|U|5|6|7|1P|8|@]|9|@$I|1Q|J|1R|1|1S]]|A|$]]|$1|V|3|W|5|D|7|1T|8|@]|9|@]|A|$E|F]]|$1|X|3|Y|5|6|7|1U|8|@]|9|@]|A|$]]|$1|Z|3|10|5|D|7|1V|8|@]|9|@]|A|$E|F]]|$1|11|3|12|5|6|7|1W|8|@$I|1X|J|1Y|K|L]|$I|1Z|J|20|K|L]]|9|@]|A|$]]|$1|13|3|-4|5|6|7|21|8|@]|9|@]|A|$]]]|14|$15|$5|16|17|18|A|$19|1A]]]]

@smathy's answer led me in the right direction to get this working, at least as well as it can. I needed to do some further work to get this running. The override of the Date.parsedate must be done before the init runs and it must return an object of type Date. This results in the following code:

<pre><code>//= require jquery.datetimepicker
Date.parseDate = function( input, format ){return new Date(Date.parse(input));};
jQuery(document).on('ready page:change', function() {
 var datetimefield = jQuery('.datetimepicker');
 datetimefield.datetimepicker({
 format: 'Y-m-d H:i:s',
 lang: datetimefield.attr('lang') || datetimefield.parents('[lang]').attr('lang')
 });
});
</code></pre>

The <code>//=require jquery.datetimepicker/init</code> has been replaced by the actual init code from the gem and the override has been run before it.

I'm no longer using <code>f.datetime_local_field</code>, but just <code>f.datetime_field</code> to prevent the timezone being applied twice. 

Also this code has problems when used more that once on the same page. the first time you access the earlier fields, they show the timestamp from the last field. I'm looking for a better date-time picker, and will report back here if I find one.

Edit: Jan 18, 2014

I got this working, using Trent Richardson's jQuery timepicker <a href="https://github.com/trentrichardson/jQuery-Timepicker-Addon" rel="nofollow">https://github.com/trentrichardson/jQuery-Timepicker-Addon</a> and the browser-timezone-rails gem. The times are displayed as a formatted value in a text-field

<pre><code> &lt;%= f.text_field :start_time, value: f.object.start_time.strftime('%F %T'), class: 'datetime' %&gt;
</code></pre>

in a consistent, but human readable format in local time. The JS config for the timepicker is:

<pre><code>$(document).on("ready page:load", function() {
 $('.datetime').datetimepicker({
 dateFormat: $.datepicker.ISO_8601,
 separator: ' ',
 timeFormat: 'HH:mm:ss',
 showSecond: false,
 showMillisec: false,
 showMicrosec: false,
 showTimezone: false,
 pickerTimeFormat: 'hh:mm tt'
 });
});
</code></pre>

The <code>on("ready page:load"</code> is required because of <code>turbolinks</code> which doesn't cause ready to be fired. This code properly supports mulitple datetime fields on the page, but it will need some additional validation.

I'm using <code>datetime_local_field</code> and <code>jquery-datetimepicker-rails</code> to get local date and time entry in a form. The view contains:

<pre><code>&lt;%= f.datetime_local_field :start, class: 'datetimepicker' %&gt;
</code></pre>

Which outputs the time in a format including a 'T' between the date and time, eg. <code>2014-12-29T14:00:32</code>. This isn't recognized by the JavaScript as a valid timestamp, so the date and time are not propagated into the picker, and the current timestamp is used instead. Is there a way to get this to work? Is there a better way to do this?

I've also tried this with <code>datetime_field</code> and get similar results.

How do I control the output of rails 4 datetime_local_field?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我使用datetime_local_field和jquery-datetimepicker-rails来获取表单中的本地日期和时间条目。该视图包括：<%= f.datetime_local_field :start, class: 'datetimepicker' %>它以一种格式输出时间，包括日期和时间之间的“T”，...

问如何控制rails 4 datetime_local_field的输出？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何控制rails 4 datetime_local_field的输出？EN