简单表单和 Twitter Bootstrap 日期时间选择器答案

【问题标题】：Simple form and Twitter Bootstrap DateTime Picker简单表单和 Twitter Bootstrap 日期时间选择器
【发布时间】：2015-11-01 17:30:12
【问题描述】：

我正在制作一个调度网页，对于输入日期和时间，我正在使用简单表单和 Twitter BootStrap DateTime Picker。我正在使用this gem 'datetimepicker-rails'。它正在工作。

我的问题是下拉菜单中的时间格式是 24 小时格式，而不是 12 小时格式。它使用的是 13，而不是下午 1 点。

我尝试将格式设置为 12 小时，但运气不佳

   $('.time_picker').datetimepicker({
      pick12HourFormat: true
   })

我在控制台中收到的错误是option pick12HourFormat is not recognized!

我的表格

= simple_form_for [@user, @workday], url: user_workdays_path do |f|
  = f.input :start_date, label: 'Start Date (required)', :as => :date_picker
  = f.input :start_time, label: 'Start Time (required)', :as => :time_picker

  = f.input :end_date, label: 'End Date (required)', :as => :date_picker
  = f.input :end_time, label: 'End Time (required)', :as => :time_picker
  = f.submit "Submit", class: 'btn btn-default'

此外，我尝试配置 en.yml 文件，但没有成功。

【问题讨论】：

尝试：'use24hours: false'
运气不好use24hours:false
我认为您应该在 config/locale 文件中设置选项。这就是文档所说的，以及它在演示中是如何完成的：github.com/zpaulovics/dateTimeDemo/tree/master/config/locales。你试过了吗？
我在文档中也看到了这一点，但没有运气。

标签： ruby-on-rails twitter-bootstrap datetime twitter

【解决方案1】：

我在我的一个应用程序中遇到了类似的问题。 'pick12HourFormat' 在您的代码中看起来不错。

检查您的 JS 资产，确保它们按照文档中所述的正确顺序排列：

//= require moment
//= require bootstrap-datetimepicker
//= require pickers

同时检查你是否使用了正确的类：

$('.time_picker')

# Compared to
$('.time-picker')

【讨论】：