読者です 読者をやめる 読者になる 読者になる

There's an echo in my head

日々のメモ。

bootstrap_form-datetimepickerというgemを作った

http://rubygems.org/gems/bootstrap_form-datetimepicker

Twitter Bootstrap 3.x、bootstrap_formと組み合わせてbootstrap-datetimepickerを使うときのヘルパを提供する。

たとえば、

<%= bootstrap_form_for(@item) do |f| %>
  <%= f.datetime_picker :available_since %>
<% end %>

と書くと、

<div class="form-group">
  <label class="control-label" for="item_available_since">Available Since</label>
  <div class="bootstrap_form-datetimepicker input-group date" data-date-format="YYYY-MM-DD HH:mm:ss ZZ">
    <input class="form-control" id="item_available_since" name="item[available_since]" type="text" value="1955-10-23 11:22:33" />
    <span class="input-group-addon">
      <span class="glyphicon glyphicon-calendar">
      </span>
    </span>
  </div>
</div>

を生成する。

日付のフォーマットは:formatオプションでstrftimeの記法で指定できる。

各種assetsは自前で用意する必要があるので要注意*1

*1:bootstrap-datetimepicker への依存とかも考えたけど、forkは多いしバージョンの移り変わりも多いので自前が一番なのかと。

このブログに出てくるコードスニペッツは、引用あるいは断りがない限りMITライセンスです。