date_select を使ったときに、v-model を設定する

今回やりたかったこと

• 年, 月, 日 を各セレクトボックスの間に表示する
  • 2019 年 11 月 2 日 のように
• v-model(year, month, day)を各セレクトボックスに設定する

実装

下記を参考に、実装しました。

ref: Rails の date_select でつくるセレクトボックスを「年」「月」「日」で区切る - 彼女からは、おいちゃんと呼ばれています

slim です。

- birthday_select = f.date_select :birthday,
                      { use_month_numbers: true,
                        prompt: '-',
                        date_separator: '%s' },
                      class: 'xxx',
                      required: true,
                      'v-model': '%s'
= raw sprintf(birthday_select,
              'year',
              '年 ',
              'month',
              '月 ',
              'day') + '日'

参考

• Rails の date_select でつくるセレクトボックスを「年」「月」「日」で区切る - 彼女からは、おいちゃんと呼ばれています
• Leonardo (pão) Prado さんのツイート: "Como sou brasileiro e não desisto nunca, consegui fazer uma "adaptação técnica" :V <%= raw sprintf( date_select(:driver, :birthday, {}, 'v-model' => '%s'), 'driver.birthdayYear', 'driver.birthdayMonth', 'driver.birthdayDay') %>"
• sprintf フォーマット (Ruby 2.6.0)