DatePicker - jQuery plugin
About Date Picker component with a lot of options and easy to fit in your web application. Last update 22.05.2009 - Check Download tab Features Flat mode - as element in page Multiple calendars in the component Allows single, multiple or range selection Mark dates as special, weekends, special days Easy to customize the look by changing CSS Localiation for months' and days' names Custom day to sta
これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム:phpspot開発日誌
これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム 2010年06月07日- Plugins | jQuery Plugins これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム。 なかなかリッチなUIとGoogleカレンダーばりの操作性を持つ便利なスクリプトになっています。 Googleカレンダーに登録するのもよいのですが、ちょっと外部に流したくないこととかも結構あるので、自前で構築したいというニーズもあるのではないでしょうか。 タイムライン上をドラッグ＆ドロップして予定を入れられます。ポップアップがでるので予定を入れます。日本語もOK 見ての通りUIもなかなかいい感じです。 スケジュール管理等に活用できますね。 関連エントリ GoogleカレンダーみたいなカレンダーをjQueryで一瞬で作成できる「jquery-w
jQueryのカレンダー関連のプラグイン７つ:phpspot開発日誌
7 interesting jQuery calendar plugins | YESTUTOR jQueryのカレンダー関連のプラグイン７つが紹介されています。 Googleカレンダーっぽいものや、Appleっぽい物など種類が沢山あります。カレンダーUIを実装する際の参考に出来そうです。 探せば他にももっとありそうですね。 関連エントリ あなたの空き状況が一目でわかるカレンダー実装PHPスクリプト「Ajax Availability Calendar」 角丸を使った可愛いカレンダーピッカー実装JavaScript「jsDatePick」 Ajaxを使ったクールなインタフェースを持つカレンダー実装スクリプト「PHP Event Calendar」
これは新しい日付ピッカー実装用jQueryプラグイン「calendarPicker」:phpspot開発日誌
BugsVoice - turn bugs into opportunities これは新しい日付ピッカー実装用jQueryプラグインのjQuery.calendarPickerが公開されています。 通常、日付ピッカーというとカレンダーを想像しますが、今回紹介するものは次のようなUIで、１週間が基本となっています。 不要な日付を出来る限り非表示にすることで、分かりやすくなったりする場面もありそうです。 現在の日付は黄色の枠で表示されるようになってるみたいです。 オプションに値を与えることで、月、曜日の表示名カスタマイズをすることが出来るのでローカライズも容易ですね。 関連エントリ GoogleカレンダーみたいなカレンダーをjQueryで一瞬で作成できる「jquery-week-calendar」 jQueryを使ったカレンダー型、日付入力補完ライブラリ
jQueryカレンダーコンポーネント8つ | エンタープライズ | マイコミジャーナル
jQuery: The Write Less, Do More, JavaScript Library 人気のあるAjax JavaScriptフレームワークのひとつにjQueryがある。簡単で扱いやすく高速に動作し、サイズも小さい。MozillaのJavaScriptエバンジェリストが開発していることもあり、FirefoxエクステンションJetpackでもデフォルトで利用できるようになるなど、さらに露出の機会を増やしている。 jQueryはコアとなる機能を提供し、拡張機能やUI、コンポーネントはプラグインとして提供されている。どれだけプラグインを把握しているかが、jQueryを使ってアプリケーションを開発する際のひとつのポイントとなる。8 Useful jQuery Calendar, Date Picker and Time Formatting Plugins that You Sh
select ボックスを超便利にしてくれユーザビリティ向上に使える「jQselectable」:phpspot開発日誌
select ボックスを超便利にしてくれユーザビリティ向上に使える「jQselectable」がGoogle Codeに公開されています。 jQというだけあって当然ながらjQueryプラグインの形式です。 適用前の普通のSelect ボックスが便利に変化します 都道府県の縦に長かったものが横方向に超分かりやすく表示 日付も次のように超分かりやすいセレクトに。縦に長いのとはもうオサラバできそうです。 更に、コールバック関数によってクリックした後の動作も定義できるっぽいです。 はじめから日本対象という点でも使いやすいですね。 実装も、jQueryプラグインなので超使いやすいです。 次のように初期化するだけのようです。 $(".simpleBox").jQselectable({ set: "fadeIn", setDuration: "fast", opacity: .9 }); 以下のエント
シンプルなイベントカレンダーを実装するjQueryプラグイン - Rewish
ある朝僕は、以下の用件を満たすカレンダープラグインを探していました。 シンプルなHTMLを吐いてデザインの変更が容易 コールバック関数である程度処理をイジれる 月移動のアニメーションが素人ウケしそう 小一時間色々なプラグインを見ましたが、中々しっくり来るモノが無く、「これは探すより作った方が早そうかなぁ」と思ったので作ってみました。 機能概要 記事の初めで大方出ていますが、主に以下の機能を備えています。 月移動時のスライドアニメーション 生成するHTMLを包含する要素のclass変更 イベント追加、月移動などに対応するコールバック関数 JSON形式でのイベント追加 イベント用JSONの先読み機能（月移動時の遅延対策） 表示中の月に属さない日付の表示、非表示 ダウンロード jQuery.calendar 動作デモ 導入方法 jQueryプラグインではお馴染み、 jQueryを読み込んでからプ
Update: jQuery UI 1.6 Slider from a Select Element | Filament Group, Inc.
Posted by Scott on 01/14/2009 Topics: cssjQueryprogressive enhancementusability We've updated our progressive enhancement select-to-slider plugin to use the new jQuery UI 1.6 and jQuery UI CSS Framework. This is an update to our jQuery UI 1.5 version and an even earlier non-UI version as well. What's This All About? The purpose of this plugin is to allow for the jQuery UI Slider plugin to be gener
Datepicker | jQuery UI
The datepicker is tied to a standard form input field. Focus on the input (click, or use the tab key) to open an interactive calendar in a small overlay. Choose a date, click elsewhere on the page (blur the input), or hit the Esc key to close. If a date is chosen, feedback is shown as the input's value.
jQueryでカレンダーを表示するプラグイン「jMonthCalendar」
カレンダーを表示したい時、月ベースで一覧できると便利です。 JavaScriptライブラリ「jQuery」のプラグインjMonthCalendarでは、お手軽にカレンダーを作成可能です。 sponsors 使用方法 jMonthCalendarからjMonthCalendar-1.0.1.jsをjQueryからjquery.jsをダウロードします。 <link href="jMonthCal.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="/test/js/jquery-1.3.js"></script> <script type="text/javascript" src="/test/js/jMonthCalendar-1.0.1.js"></script> <script type=
jQueryベースのカレンダー作成javascript「jCalendar」
フォームなどでは日付を指定させることが多く、利便性が求められます。 jCalendarはjQueryベースでカレンダーを作成するjavascriptで、利用者のユーザビリティーを向上させることができます。 sponsors 使用方法 jCalendarからjcalendar.js、jcalendar.cssをjQueryからjquery.jsをダウンロードします。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/jcalendar.js" type="text/javascript"></script> <link rel="stylesheet" href="http://yourdomain/jcalendar.css" t
jQueryベースの日付選択javascript「jQueryDatePicker」
フォームなどで日付を入力してもらうときなどに、日付を視覚的に確認できると利用者にとって便利です。 また入力ミスが減るなどの利点があります。 kelvinluck.comのjQueryDatePickerを使用すると、日付選択が可能なフォームを作成することが出来ます。 sponsors 使用方法 ＊開始日を指定すると終了時を指定する際に、それ以前の日にちが選択できない方法。 jquery.js、date.js、jquery.dimensions.js、jquery.datePicker.js、datePicker.cssをダウンロードし、以下の様にheadに挿入します。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/date.j
時間を選択できるjavascript「jQuery.ptTimeSelect」
フォームでは日付のほかに時間を求めることがあります。 日付同様、時間にも人により様々な書き方があるので、定型の形式を選択できると利用者、制作者にとって便利になるでしょう。 jQuery.ptTimeSelectは視覚的にわかりやすい時間選択javascriptです。 sponsors 使用方法 jQuery.ptTimeSelectからダウンロードし、以下のスクリプトを書き込みます。 <script type="text/javascript" src="http://yourdomain/jquery.js"></script> <script type="text/javascript" src="http://www.skuare.net/test/js/dimensions.js"></script> <script type="text/javascript" src="http
JavaScriptライブラリ「jQuery」でカレンダーを表示する「dynDateTime」
過去2度jQueryベースのカレンダーを紹介しました。 ・jQueryベースのカレンダー作成javascript「jCalendar」 ・JavaScriptライブラリ「jQuery」を使ってカレンダーを作る「jCal.js」 今回は第3弾となるdynDateTimeです。 sponsors 使用方法 dynDateTimeからjquery.dynDateTime.js、calendar-win2k-cold-1.cssをダウンロードします。 またjQueryからjqueryy.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.2.6.min.js"></script> <script type="text/javascript" src="jquery.dynDateTime.js"></script> <script
日付の範囲を入力する際に便利に使えそうなjQueryのUIプラグイン:phpspot開発日誌
Generate a JQuery UI Slider using Data from a Select Element 日付の範囲を入力する際に便利に使えそうなjQueryのUIプラグイン。 次のように、スライダーのＵＩで範囲を指定する際に便利に使えそうです。 デモ１） Date Slider デモ２） Speed Slider 使用頻度はそれほどないかもしれませんが、ここぞという時に覚えておいて損はなさそうですね。 関連エントリ jQueryを使ったカレンダー型、日付入力補完ライブラリ GoogleカレンダーみたいなカレンダーをjQueryで一瞬で作成できる「jquery-week-calendar」 JavaScriptで日付をTwitter風に○分前といった表記に変換できるライブラリ「niceTime」
システム手帳のように自分好みにカスタムできるタスク管理ツール「xfy Planner」を使ってみた
ガントチャート表示やカレンダー表示を縦横無尽に切り替え、日々のToDoチェック・進捗管理・アイデアメモなど多岐にわたる情報を直感的な操作で整理し活用することができるジャストシステムの「xfy Planner」。高い操作性とすっきりとしたデザイン、HTMLやPDFでの出力が可能な点も好評で、以前GIGAZINEで紹介したベータ版を利用している人も多いのではないでしょうか。 その「xfy Planner」に、新バージョンがいよいよ登場するとのことで、さっそく使い心地を試してみました。 というわけで、実際に無償試用版を使ってみたレビューは以下から。情報整理・活用ソフト xfy Planner 上記リンク先から「無償試用版ダウンロード」をクリック。 以下インストール手順などは以前紹介したベータ版と同様なので、今回はGoogle Calendar連携機能やちょっとユニークな「リフィル」を中心に見てい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
情報整理・活用ソフト xfy Planner