Ruby on Rails 【jQuery日付ピッカー】デザインのカスタマイズ


投稿日:2020年08月28日 (金)
当サイトのプロジェクト「民泊サイトを構築する」では予約機能の部分で「jQuery日付ピッカー」を使用しています。
Ruby on Rails6.0でも使用できます。
プロジェクトではjQuery日付ピッカーと予約機能の連動についても解説しています。

導入方法はプロジェクトを参考にしていただきたいのですが、ここではデザインのカスタマイズについて解説します。

jQuery UIのページに25種類のデザインが使えると書いてあります。
デザイン一覧.png 174KB



では各デザインについて順番に見てみましょう。


1.base

base.png 64.4KB




black-tie

black-tie.png 82.3KB



3.blitzer
blitzer .png 79.3KB



4.cupertino

cupertino.png 77.8KB



5. dark-hive

dark-hive.png 128KB




6.dot-luv

dot-luv.png 96.1KB





7.eggplant

eggplant.png 81.1KB





8.excite-bike

excite-bike.png 83.4KB



9.flick

flick.png 69.5KB



10.hot-sneaks

hot-sneaks.png 92.4KB



11.humanity

humanity.png 75.3KB





12. le-frog

le-frog.png 82.2KB




13. mint-choc

mint-choc.png 78.6KB




14.overcast

overcast.png 69KB



15. pepper-grinder

pepper-grinder.png 328KB



16.redmond 

redmond .png 75.6KB



17.smoothness

smoothness.png 66.8KB



18. south-street

south-street.png 76KB




19.start 

start .png 75.7KB




20.sunny

sunny.png 80.9KB




21.swanky-purse

swanky-purse.png 199KB



22.trontastic

trontastic.png 83KB



23.ui-darkness

ui-darkness.png 71.4KB




24.ui-lightness

ui-lightness.png 72.6KB





25.vader

vader.png 68.5KB





Rails6.0 Windows MacOSX

動画学習サイトの構築 Rails6.0

  0 (0)

タスク   128

2,000円

    サンプルサイトは初期起動に15秒ほどかかります。

 
Rails6.0 Windows MacOSX

民泊サイトの構築 Rails6.0

  0 (0)

タスク   128

3,000円

    サンプルサイトは初期起動に15秒ほどかかります。

 
Rails5.0 Windows MacOSX

動画学習サイトの構築 Rails5.0

  0 (0)

タスク   100

1,000円

    サンプルサイトは初期起動に15秒ほどかかります。

 
Rails6.0 Windows MacOSX

お仕事売買サイトの構築 Rails6.0

  0 (0)

タスク   146

3,000円

    サンプルサイトは初期起動に15秒ほどかかります。

 
Rails5.0 Windows MacOSX

民泊サイトの構築 Rails5.0

  0 (0)

タスク   136

2,000円

    サンプルサイトは初期起動に15秒ほどかかります。