Question

我正在制作一个调度网页，输入日期和时间我正在使用Simple Form和Twitter BootStrap DateTime Picker。我正在使用this gem 'datetimepicker-rails'。它正在发挥作用。

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

我试图将格式设置为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文件，但没有运气。

Answer 1

我的一个应用程序遇到了类似的问题。＆＃39; pick12HourFormat＆＃39;你的代码看起来很好。

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

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

同时检查您是否使用了正确的班级：

$('.time_picker')

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

简单的表单和Twitter Bootstrap DateTime Picker

1 个答案: