vuejs-datepickerで動的に多言語対応する方法 - Qiita
概要 ユーザーが設定している表示言語設定に応じてvuejs-datepickerの表示言語を動的に変更するという実装をする際、vuejs-datepickerの表示言語を親コンポーネントから制御する方法に詰まったのでメモを残しておくの巻 困ったこと 親コンポーネントとvuejs-datepickerを使用している子コンポーネントが存在し、親コンポーネントから渡すpropsに応じて子コンポーネント側で使用しているvuejs-datepickerの表示言語を変更すること 解決策 全ての言語を配列としてimportし、dataオブジェクトの任意のプロパティの値として指定しておきます（下記コードの場合、all_langという名前でimportし、dataオブジェクトのlanguagesというプロパティの値としてall_langを指定しています）。 そして親コンポーネント側から使用したい言語を文字列
Designing The Perfect Date And Time Picker — Smashing Magazine
Vitaly Friedman has spent a lot of time working with various companies trying out various approaches and studying them in usability tests. This series of articles is a summary of observations and experiments made throughout that time. He’ll be exploring everything from carousels to car configurators. Let’s look into the design of date and time pickers today. With a date picker you can combine day,
高機能な日付の範囲指定UIが実装できる「jQuery Date Range Picker」:phpspot開発日誌
Date Picker Demo 高機能な日付の範囲指定UIが実装できる「jQuery Date Range Picker」。 次のような綺麗なUIも特徴の１つですが、何月何時〜何月何時という細かな指定も可能です。 日付ピッカーは多いですが、範囲指定を一括でするものはあまり無かったかもしれません。 関連エントリ Bootstrap3用の綺麗な日付ピッカー「Bootstrap 3 Datepicker」 今までにない日付入力UIが作れるjQueryプラグイン「datedropper」 日付範囲の入力に便利な「jQuery UI Date Range Picker Widget」 日付と時刻の両方を入力する際に使えるjQueryプラグイン「DatePair」
スクロールが使いやすいカレンダーピッカー実装jQueryプラグイン「continuous-calendar」:phpspot開発日誌
スクロールが使いやすいカレンダーピッカー実装jQueryプラグイン「continuous-calendar」 2014年02月18日- reaktor/jquery-continuous-calendar スクロールが使いやすいカレンダーピッカー実装jQueryプラグイン「continuous-calendar」 通常カレンダーというとペジネーションがはいっていて、月ごとにページ送りという形ですが、こちらはスクロールで過去にさかのぼれてサクサク動くのがいいです。 ドラッグ＆ドロップによる日付の範囲指定等も可能です。 月をまたいだ範囲指定等は従来のカレンダーピッカーでは難しそうですが、これなら便利に使えそうです。 関連エントリ カスタマイズが容易なカレンダー生成jQueryプラグイン「CLNDR.js」 フラットデザインがクールなカレンダー実装jQueryプラグイン「kalendar」 Go
スタンドアロンで動作する5kb以下でクールな日付ピッカー「Pikaday」:phpspot開発日誌
Pikaday: JavaScript datepicker ? David Bushell ? Web Design & Front-end Development スタンドアロンで動作する5kb以下でクールな日付ピッカー「Pikaday」 次のようなカッコいいピッカーが実装できます。CSS3等も利用していますが、IEの古い物でも使えるようになっているようです デザイン的にシンプルでいて綺麗な物なので、１つの選択肢として覚えておいてもよいかもですね。 jQueryプラグイン、ではないため、次のようなコードで初期化を行います 関連エントリ Twitter Bootstrap で使えるカラーピッカー＆日付ピッカー 軽量でカスタマイズ容易な日付ピッカー実装jQueryプラグイン「Zebra_Datepicker」 Android風の日付ピッカー実装用jQueryMobileウィジェット「Mob
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
