これは新しい日付ピッカー実装用jQueryプラグイン「calendarPicker」:phpspot開発日誌
BugsVoice - turn bugs into opportunities これは新しい日付ピッカー実装用jQueryプラグインのjQuery.calendarPickerが公開されています。 通常、日付ピッカーというとカレンダーを想像しますが、今回紹介するものは次のようなUIで、１週間が基本となっています。 不要な日付を出来る限り非表示にすることで、分かりやすくなったりする場面もありそうです。 現在の日付は黄色の枠で表示されるようになってるみたいです。 オプションに値を与えることで、月、曜日の表示名カスタマイズをすることが出来るのでローカライズも容易ですね。 関連エントリ GoogleカレンダーみたいなカレンダーをjQueryで一瞬で作成できる「jquery-week-calendar」 jQueryを使ったカレンダー型、日付入力補完ライブラリ
jQuery ui 1.7.1 のDatePicker日本語化 | real-eyes システム開発 東京 渋谷のシンプルソフト
中小企業のIT活用、業務システム開発・導入専門の シンプルソフト 〒150-0002 東京都渋谷区渋谷1-10-1 八千代ビル8F
jQuery UI datepickerのメモ - iDeaList::Writing
カレンダーアイコンをクリックでdatepickerが表示するサンプル(Datepicker | jQuery UI)を見習って jQuery UI 1.7.1のdatepickerを微妙に日本語化して使ってみた jQuery UI ThemeRoller のデザインを選択する jQuery UI ThemeRoller - Flick ver.＞ Galleryのタブから選択しダウンロード /jquery-ui-1.7.1.custom/development-bundle内を見てみる demoとかdemoとかdemoとか /ui/i18n/ui.datepicker-ja.jsの読み込み <script type="text/javascript" src="/js/ui/i18n/ui.datepicker-ja.js"></script> regionalにjaを指定 $.datep
とても洗練されたＵＩの日付ピッカー＆カレンダー集:phpspot開発日誌
Beautiful datepickers and calendars for web developers とても洗練されたＵＩの日付ピッカー＆カレンダー集のエントリが紹介されていましたのでピックアップ。 日付入力も便利だけでなく、クールに行えます。 datepicker シンプルだけどクールなカレンダー jquery datepicker From〜Toが指定できるカレンダー Calendar 立体的でクールなＵＩ jPint iPhoneっぽいＵＩ 全部見る たくさんありすぎて迷いますが、サイトのＵＩや、用途に応じて使い分ければ便利そうですね。 関連エントリ 超クールなカレンダー型日付入力補助用JSライブラリ カレンダー、バルーンなどWEBアプリに使えるハイクオリティアイコンセット「pinvoke」 日付入力を便利にするカレンダー/日付ピッカー集
日付入力を便利にするカレンダー/日付ピッカー集:phpspot開発日誌
Fantastic, Free Calendar and Datepicker Scripts - Six Revisions Web applications often require a calendar or datepicker functionality. 日付入力を便利にするカレンダー/日付ピッカー集。 日付だけのものから、Googleカレンダーみたいなカレンダーウィジェットまで、いろいろとあるようです。 Calendar: a Javascript class for Mootools MooMonth Monket Calendar Datejs Vista-like Ajax Calendar 全部見る これだけあれば、日付入力には困らなさそうですね。
超クールなカレンダー型日付入力補助用JSライブラリ:phpspot開発日誌
Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements Calendar is a Javascript class that adds accessible and unobtrusive date-pickers to your form elements. 超クールなカレンダー型日付入力補助用JSライブラリ。 次のような個性的なカレンダーで入力補助が可能です。 オシャレでかわいいカレンダー スタイルされたクールなカレンダー 写真入りのカレンダー mootoolsを使っていて次のように初期化するだけで簡単に使えるみたい myCal1 = new Calendar({ date1: 'd/m/Y' }, { direc
[JavaScript][Ext]Ext.jsのフォームコンポーネントと入力チェック
既存のhtmlを元にJavaScriptでリッチコントロール機能の追加や入力チェックを行う方法を紹介します。Ext1.1 beta1を元にしています。 基本構文 // フォームオブジェクト生成 var comp = new Ext.form.TextField(); // HTMLElementへフォームオブジェクトを適用 comp.applyTo('elem-id'); 入力エラー時のツールチップを有効にするには以下のコードを入れておく必要があります。 Ext.QuickTips.init(); DateField まずは何かと使い道の多そうなDateField。年/月/日形式にするためにはformatを指定する必要があります。 var date = new Ext.form.DateField({ allowBlank:false, format: 'Y/m/d' }); date.a
![[JavaScript][Ext]Ext.jsのフォームコンポーネントと入力チェック](https://cdn-ak-scissors.b.st-hatena.com/image/square/8ca8db592bc002a82ac14133c766b5f00f4fd186/height=288;version=1;width=512/http%3A%2F%2F4.bp.blogspot.com%2F_sX6CD3lBq0Q%2FRn9u_k50ciI%2FAAAAAAAAABY%2FXKt3tiu-n98%2Fw1200-h630-p-k-no-nu%2Fcalendar.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptでカレンダーを実現するための38のスクリプト | IDEA*IDEA