rails: datetime_select를 사용자 정의하는 방법

1804 단어 HTML5루비Rails

하고 싶은 일



디폴트로 datetime_select 를 사용하면 디자인적으로 별로 아름답지 않기 때문에 아래와 같이 커스터마이즈 해 보았다.
디폴트라면 아래와 같은 살 풍경인 디자인으로 UX적으로 아름답지 않다.

before


after


어떻게 할 수 있을까?



결론부터 말하면, datetime_separator 를 Fuck 하는 것으로 after 후의 디자인에 할 수 있다.
처음에는 문자 밖에 쓸 수 없을 것이라고 생각하면 html도 쓸 수 있었다.
= f.datetime_select :date, {use_month_numbers: true, start_year: Date.today.year, datetime_separator: '<h4 class="fb-txt font-weight-bold my-2">時間</h4>'},{class: "form-control", id: 'ymd-date'}

그건 그렇고datetime_separator 이외에 date_separatortime_separator 도 있기 때문에 여가 시간에 그쪽에 대해서도 기사로 해 나가고 싶다.
코멘트로 요망이 있으면 곧바로 대응합니다만, 아마 구그라면 그것 같은 기사가 있다고 생각하므로 우선은 구구 해 봐 주세요.

좋은 웹페이지 즐겨찾기