【jQuery UI】datepickerで年/月/日で別々のフォームにしたい時 at softelメモ
問題 jQueryUIのdatepickerは、基本は1つのinputに対してのみ処理を行うようにできていますが、年、月、日の3つに分けて入力させるにはどうするとよいでしょう。 答え ・カレンダーを開く際には3つの年月日フォームから値を取得する。 ・カレンダーが確定したときに3つの年月日フォームを更新する。 という形で実装してみる。 年/月/日で別々のフォーム – デモ サンプルコード – HTML <div> <input type="text" value="" class="year" size="4" /> 年 <input type="text" value="" class="month" size="4" /> 月 <input type="text" value="" class="date" size="4" /> 日 <input type="text" value="
jQuery UI Datepicker 日付選択 | hijiriworld Web
日付の入力フォームを作った場合、入力されるフォーマットは揃えておきたいものです。 じゃあ、入力フォームの隣に「※日付は『yyyy/mm/dd』形式で入力してください」と書いておこう、なんて、そんな原始的なことをしてはいけません。 ユーザビリティ的にも、ポップアップカレンダーなどの入力支援を設置するのが良いです。 日付の入力支援を実装する方法はいくつかありますが、時代はjQueryだ！ということで、今回は、jQuery UI のDatepickerの実装方法を紹介します。 ・jQuery ・jQuery UI ・jQuery UI Datepicker 目次 1. デザインをカイスタマイズ 2. ダウンロード 3. フォルダ構成 4. 実装 デザインをカイスタマイズ まず、ブラウザ上で、jQueryで実装できるUIのカスタマイズをまとめて行います。 →jQuery UI ThemeRolle
Datepicker / カレンダー - jQuery UI 日本語リファレンス
テキスト入力欄に、カレンダーから、日付を入力できるようにするには、jQuery UI の Datepicker が便利だ。 jQuery UI の Datepicker プラグイン jQuery UI の Datepicker プラグインについての記事。Datepicker プラグインは、テキスト入力欄に、カレンダーから、日付を入力できるようにするプラグイン。テキスト入力欄をクリックすると、今月のカレンダーが現れる。カレンダーの日付をクリックすると、その日付を、テキスト入力欄に入力する。 カレンダーから入力した日付のフォーマットを変更 jQuery UI の Datepicker プラグインを使い、カレンダーからテキスト入力欄に入力した、日付のフォーマットを、ドロップダウンリストで選択したフォーマットに変更する方法。 Datepicker のカレンダーで選択できる日付の範囲を設定 jQue
Sign in - Google Accounts
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
jQuery 開発者向けメモ - 基本・サンプル
基本 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです． 独自のXPATH/CSSセレクタを利用することで，多くのDOM操作を非常に簡単に書くことが出来ます． JavaScriptのDOM操作や，XMLHTTPRequest，XMLの操作などを覚えなくとも， Ajaxを利用したインタラクティブなページを作ることが出来ます． 以下のサンプルを見れば，JavaScriptらしい表記をほとんどする必要がないことがわかると思います． toggleサンプル 特定のブロックの表示・非表示を切り替えるのは以下のようなコードになります． $("#target_toggle").toggle("slow"); このブロックは，<p id="target_toggle"> です． Ajaxサンプル Ajaxでhello.htmlをロードするのは以下のようなコ
Iframeがキャッシュを保持して更新されないときの対処法（特にChrome） - サイト制作の豆知識
php、CSS、SQL、Linuxなど…素人が一からサイト制作をしていてつまずいたポイントをメモしていく技術ブログ Iframeがキャッシュを保持して更新されないときの対処法（特にChrome） ●top.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <body> <iframe id="testtest" src="Iframeで読み込むhtmlのURL" width="400" height="300" frameborder="0" scrolling="NO"></iframe> </body> </html> ●iframe.html <html> <head> <meta http-equiv="Content-Type" con
DWRとjQueryで注意すること - DO☆KA☆TA ~information technology~
仕事でDWRとjQueryを一緒に使うときに、はまったことがあったので書いておく。 IEで、jQueryの$を扱うときにjavascriptエラーが発生する。 FireFoxは、正常に動く模様。 どうやら、$でコンフリクトが発生していたようだ。 DWRで使用するutil.js内で148行目〜155行目あたりで以下のようなものを見つけた。 /** * Alias $ to dwr.util.byId * @see http://getahead.org/dwr/browser/util/$ */ var $; if (!$) { $ = dwr.util.byId; } これが、コンフリクトの原因になっている。 http://getahead.org/dwr/browser/util/$ でも衝突するとか書いてある。(prototype.jsも) 回避方法は２通りあって、 1.dwr.jar
jqueryのgetでJSPを呼び出す方法 - OKWAVE
Ajax・jQueryでGETとPOSTする方法 画像をクリックしたときにjQuery,Ajaxを利用してGET/POSTをしたいです。 POSTとGETは良く使うので今回両方の流れを知りたいと思います。 PHPではPOST、GETは使うことができます。javascript,jQueryはちょっと触ったことのある程度です。 フォームに値を入力してjQueryとAjaxでPOSTでデータを送るのは下記ホームページを参考にしてみたら成功しました。 http://webcake.no003.info/webdesign/jquery-ajax-php-post-sample.html 今回は下記のような複数のパラメータを送信したいと思います。 画像Aをクリックした時にkeyword=aaaa,cate=1 画像Bをクリックした時にkeyword=bbbb,cate=2 画像Cをクリックした時にk
テーブルのヘッダを固定してスクロールする jQuery プラグイン – OTCHY.NET
Excel のウィンドウ枠の固定のように、テーブルのヘッダや左側を固定して、残りの部分をスクロールさせるための jQuery プラグインを書きました。 マークアップはシンプルで、普通にテーブルを書いたら、jQuery の作法でプラグインを呼び出すだけです。 jQuery のおれおれプラグインはいくつか書いた事がありましたが、こうやって公開するのは初めてです。ごてごての機能が欲しいんじゃなくて、単に既存のテーブルを固定スクロール化したいだけの時に、いいのが見つからなくて書いたので、けっこうニーズがあるんじゃないかと思ってます。 下記は簡単なサンプルです。詳細は専用ページを見てみて下さい。 HTML <table id="tablefix"> <thead> <tr> <th rowspan="2">ヘッダA</th> <th rowspan="2">ヘッダB</th> <th colspan
さぼてん: 【jQuery】トピック
イベント ready() DOMがロードされて操作・解析が可能になったタイミングで関数を実行する。 /* DOMロード完了後に実行 */ $(document).ready(function(){ // ここに実際の処理を記述します。 }); 「onload()」イベントをBODYタグに指定すると動かないので注意。 完全に「onload()」イベントの代わりにはならないので、「onload()」イベントのタイミングで実行したい処理は「jQuery.event.add()」を使う。 /* onloadイベントを追加 */ jQuery.event.add(window, "load", function(){ /* ここに処理を書く*/ }); たくさんイベント使うなら以下のようにちょっと楽する。 /* jQuery.event.add()改善 */ function addOnLoadEv
jQuery UIを使ってみる(2)
最近気になっているのは桜の開花状況な suzukin です。 見頃はいつになるのか、通勤途中の桜をチェックするのが日課となっています。 今回は、Datepicker へ設定可能なパラメータなどについてまとめてみたいと思います。 詳細は、Datepicker のデモページを参照して下さい。 ・closeText：閉じるボタンへのテキスト (showButtonPanel を trueにした場合に有効) ・prevText：前へ戻るボタンへのテキスト ・nextText：次へ進むボタンへのテキスト ・monthNames： 月テキスト ('[1月','2月','3月...]形式) ・dayNames：曜日テキスト ( ['日曜日','月曜日','火曜日'...]形式) ・dateFormat： 選択した日付の書式 ('yy/mm/dd'など) ・showMonthAfterYear： true
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
jQuery Draggablesで簡単ドラッグドロップ [Javascript] All About
jQuery Draggablesで簡単ドラッグドロップ今回は、jQuery UIの中からDraggablesを紹介します。DOM要素を、極めて簡単にドラッグ可能にしてくれるツールです。 前回は、プラグインから紹介しましたが 今回は、再度、jQuery UIの中から紹介します。Draggablesです。 極めて手軽にDOM要素をドラッグ可能にしてくれるプラグインです。 jQuery Download jquey.js(-min.js) UI/Draggables Draggables デモ ダウンロード jquery.ui-1.0.zip （101 KB） jQueryのダウンロードと設置 Draggables Draggablesを使うためには、jquery.jsの他にjquery.dimensions.js、ui.mouse.js、ui.draggable.js、ui.draggabl
![jQuery Draggablesで簡単ドラッグドロップ [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
jQuery UI Datepicker
Most likely, you are looking for a demo of jQuery UI Datepicker. Since the jQuery UI project has now become a solid library, I have moved the jQuery UI Datepicker project to the jQuery UI website. Since the date picker was moved to the jQuery UI website, people have still asked how to download the date picker by itself. JavaScript: ui.datepicker.js Style Sheet: ui.datepicker.css. jQuery Datepicker
jQuery 開発者向けメモ
jQuery 開発者向けのメモです． ずっと以前に，jQuery に関する日本語の情報がまだ少ない頃に作ったページですが， その後 jQuery を再び利用する機会があったので，最新バージョン向けに記述を更新しました． 住宅ローンシミュレーションです． jQueryを利用したフォームの動的な追加や，flotプラグインによるグラフ描画などを行っています． 本ページの記載に間違い等見つけた方はブログのエントリまで連絡いただけるとうれしいです． 最終更新：2009/1/10 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです． 独自のXPATH/CSSセレクタを利用することで，多くのDOM操作を非常に簡単に書くことが出来ます． JavaScriptのDOM操作や，XMLHTTPRequest，XMLの操作などを覚えなくとも， Ajaxを利用したイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
初心者ですTT jQueryを使ったカレンダーのことについて教えて下さい。 - JavaScript - 教えて！goo
JS Bin
jQuery ui sortable & selectable wating jQueryUi 1.9 milestone, i put together piece of code here and there (from the web) as a workaround to get an element both sortable and selectable. Be careful... This is really a workaround..
jQuery逆引きリファレンス － ＠IT