Rails에서 DateTimePicker 가져오기

3389 단어 jQueryRails

개요


그냥 날짜라면 jQuery-ui의 DatePicker면 돼요. 이번에는 날짜까지.
취득하고 싶어서 아래 DateTimePicker를 사용합니다.
bootstrap-datetimepicker-rails
https://github.com/lubieniebieski/bootstrap-datetimepicker-rails
※ DatePicker는 다음을 참조하십시오.
레일스에서 일본어로 jQuery-ui 날짜 Picker를 표시할 때 주석AddStar
http://d.hatena.ne.jp/CortYuming/20130420/p1

흐르다


Gemfile에 bundle install을 추가합니다.
Gemfile
gem 'bootstrap-datetimepicker-rails'
bundle install
application.편집
assets/javascripts/application.js
//= require bootstrap-datetimepicker

var data = {'data-format': 'yyyy-MM-dd hh:mm:ss' };
$(function(){
    $('.datepicker').attr(data);
    $('.datepicker').datetimepicker();
});
표시 항목 옵션으로 데이터-format 속성이 필요하기 때문에 동적 추가.
곧 사용할 출력 형식은 이런 느낌이다.
데이터-format 속성(옵션)
출력 형식
{'data-format': 'yyyy-MM-dd'}
2013-11-23
{'data-format': 'yyyy-MM-dd hh ss'}
2013-11-23 11:16:46
{'data-format': 'yyyy-MM-dd hh ss PP'}
2013-11-23 11:16:46 PM
자세한 내용은 다음과 같습니다.
http://tarruda.github.io/bootstrap-datetimepicker/
application.css를 편집합니다.
assets/stylesheets/application.css.scss
@import 'bootstrap-datetimepicker';
모든 보기에서 호출합니다.
app/views/hoges/_form.html.erb
<%= f.label :日付 %>
<%= f.text_field :created_at, :class => 'datepicker' %>
나왔습니다.

좋은 웹페이지 즐겨찾기