げんきちの秘密基地

エンジニアリングが世の中の思いを実現してきた歴史に気づき、29歳未経験からWEBエンジニアとして転生！【Danger】綺麗事を割と本気で言ってきます【GitHub】https://github.com/0840kg【Twitter】https://twitter.com/0840kg

簡単！生年月日を選択する入力フォームの作り方

ぞす！げんきちです！＼＼\\٩( 'ω' )و //／／

 

「いや、誰だよ」って方は、下記リンクを見てやってください。

  1. はじめまして！げんきちです！ - げんきちの秘密基地

  2. 僕がエンジニアになりたい理由 - げんきちの秘密基地

目次〜

f:id:www08056561815:20190223212854j:plain

Gifです。

生年月日を入力するフォームを作りました。

DBのbirthdayカラムに19890101のように保存されます。

f:id:www08056561815:20190222095202g:plain

コードです。

= raw sprintf(f.date_select(:birthday, {use_month_numbers: true, start_year: 1900, end_year: (Time.now.year), prompt:"--",date_separator: '%s'}, {class: "member-info-content__form__select__tab"}), '  年', '  月') + '  日'
%i.member-info-content__form__select__bottom.first.fa.fa-angle-down
%i.member-info-content__form__select__bottom.second.fa.fa-angle-down
%i.member-info-content__form__select__bottom.third.fa.fa-angle-down

 

・data_saparatorで代入される"年","月","日"にpaddingを効かす方法

・f.date_selectで自動生成されるselectタグの内部要素としてアイコンを入れる方法

 

上記が分からずに、力技っぽく処理しました。

もっと美しくかけるはず...

 

ご存知の方いたら、教えていただけましたら幸いです🙇‍♂️

 

＜一日一新＞

ブログにGifを導入。すごく便利です！

 

＜学習進捗＞

学習開始からの期間 ：75日
今日までの合計時間：748h
今日までに到達すべき目標時間：684h
目標との解離：64h
「10,000時間」まで、

 

残り・・・「9,252時間！」

 

以上です。

読んでくれた方々、ありがとうございました！((_ _ (´ω｀ )ﾍﾟｺ。

genkichi.hateblo.jp

genkichi.hateblo.jp

 

f:id:www08056561815:20190224095507g:plain

twitter.com