11

Rails 3 用の使いやすい time_select はありますか? デフォルトの time_select フォーム ヘルパーは、時間 [00-23]、分 [00-59]、およびオプションで秒 [00-59] を提供します。時間 0 ～ 23 のドロップダウン リストは、軍の時間外の私たちにとってはかなりイライラします。ユーザーフレンドリーなソリューションは、時間 1 ～ 12 と追加の午前/午後のドロップダウン リストを表示します。

これを処理するためのオプションまたは別のプラグインはありますか? これを望んだのは私が最初ではありませんが、解決策は見つかりませんでした。

ありがとう！

4

5 に答える 5

14

:ampm オプションを true に設定すると、時間を 12 PM、01 AM .. 11 PM として表示できます。

time_select 'game', 'game_time', {:ampm => true}

http://api.rubyonrails.org/classes/ActionView/Helpers/DateHelper.html#method-i-time_select

于 2012-08-25T15:48:34.430 に答える
1

まさにあなたが望むもののための組み込みのヘルパーを知りません。作成して共有することをお勧めします。ドロップダウンの最初の項目を午前 12 時にしたくない可能性が高いため、これは構成オプションにする必要があります。

また、午前 12 時が 0 または 24 の場合も設定可能である必要があります。

バニラを使用したベースは次のselect_tagとおりです。

<%= f.select :your_attribute, [ 
     ["6am", 6], ["7am", 7], ["8am", 8], ["9am", 9], ["10am", 10], ["11am", 11], ["12pm", 12], ["1pm", 13], ["2pm", 14], ["3pm", 15], ["4pm", 16], ["5pm", 17], ["6pm", 18], ["7pm", 19], ["8pm", 20], ["9pm", 21], ["10pm", 22], ["11pm", 23], ["12am", 24], ["1am", 1], ["2am", 2], ["3am", 3], ["4am",4 ], ["5am", 5]
], class:''%>

ユーザーには 12 時間で表示され、サーバーには 24 時間の整数がポストされます。

アップデート

とにかく必要だったので、先に書きました....ビューで：

<%= am_pm_hour_select f, :your_method, start:3 %>

(構文は ではなく であることに注意してf.helperくださいhelper f, other_options)

でapp/helpers/am_pm_form_helper.rb：

module AmPmFormHelper
  #pass start:Fixnum in the options hash to set the first drop down selection
  def am_pm_hour_select(object, method, options = {}, html_options = {})
    select_options = [ ["6am", 6], ["7am", 7], ["8am", 8], ["9am", 9], ["10am", 10], ["11am", 11], ["12pm", 12], ["1pm", 13], ["2pm", 14], ["3pm", 15], ["4pm", 16], ["5pm", 17], ["6pm", 18], ["7pm", 19], ["8pm", 20], ["9pm", 21], ["10pm", 22], ["11pm", 23], ["12am", 24], ["1am", 1], ["2am", 2], ["3am", 3], ["4am",4 ], ["5am", 5]]
    unless options[:start].nil?
      shift_if_needed = Proc.new{|hour, start| hour<start ? hour+24 : hour}
      select_options.sort!{|x, y| shift_if_needed.call(x.last,options[:start]) <=> shift_if_needed.call(y.last, options[:start]) }
    end

    object.select(method, select_options, options = {}, html_options = {})
  end
end
于 2011-04-28T00:28:54.403 に答える
0

できる簡単なことの 1 つは、ミリタリー 0..23 を標準の午前 12 時、午前 1 時、午前 2 時、午後 10 時、午後 11 時に変換することです。

これは私の状況ではうまく機能します-私は通常、時間を選ぶだけです-しかし、それは理想的ではないことを認めます.時間のドロップダウンで午前/午後.

= javascript_tag "$$('#event_start_at_4i option').each(function(option) { option.update(convert_hour(option.innerHTML)) })"

次にJavascriptで（これはおそらくよりきれいになる可能性があります）

function convert_hour(hour_string) {   
  if (hour_string.substring(0,1) == 0) {
    hour_string = hour_string.substring(1);   
  }   
  // Funny '08' parses to 0, but '07' parses to 7.  Removing leading 0 above fixes.
  var mh = parseInt(hour_string)   
  if (!isNaN(mh)) {
    var nh = mh % 12
    if (nh == 0) { nh = 12 }
    if (mh < 12) {
      nh = nh + 'am'
    } else {
      nh = nh + 'pm'
    }
    return nh   
  }   
  return hour_string 
}
于 2011-04-02T06:49:46.157 に答える
0

私はちょうどこれと同じ問題を抱えていて、この投稿を見たので、答えを出すと思いました:

module DateTimeSelectorExtensions
  def self.included(base)
    base.send(:include, InstanceMethods)
    base.send(:alias_method_chain, :select_hour, :twelve_hour_time)
  end

  module InstanceMethods
    def select_hour_with_twelve_hour_time 
      return select_hour_without_twelve_hour_time(@datetime, @options) unless @options[:twelve_hour].eql? true
      if @options[:use_hidden] || @options[:discard_hour]
        build_hidden(:hour, hour)
      else
        select_options = []
        0.step(23, 1) do |value|
          if value == 0 && @options[:midnight]
            text = @options[:midnight].eql?(true) ? 'midnight' : @options[:midnight]
          elsif value == 12 && @options[:noon]
            text = @options[:noon].eql?(true) ? 'noon' : @options[:noon]
          else
            text = "#{value == 12 ? 12 : (value / 12 == 1 ? value % 12 : value)}#{value <= 11 ? ' AM' : ' PM'}"
          end
          tag_options = { :value => value }
          tag_options[:selected] = "selected" if hour == value
          select_options << content_tag(:option, text, tag_options)
        end
        select_options.rotate!(@options[:offset].to_i)
        select_options.unshift(@options[:prompt]) if @options[:prompt].present?
        build_select(:hour, (select_options.join("\n") + "\n").html_safe)
      end       
    end  
  end
end

ActionView::Helpers::DateTimeSelector.send(:include, DateTimeSelectorExtensions)

次のように使用します。

select_hour Time.now, :twelve_hour => true, :offset => 6, :prompt => "--", :midnight => true, :noon => "high noon"
于 2011-05-05T15:55:42.300 に答える
0

この種の目的には、jQuery UI を使用することをお勧めします。それははるかにユーザーフレンドリーです

ここにリンクがあります

于 2011-03-24T08:41:01.983 に答える