月をまたがったカレンダーを表示できるjQueryプラグイン「jCal」 | Web活メモ帳
「jCal」は複数の日付を選択できるjQueryのカレンダープラグインです。 複数の月のカレンダーを表示させて指定の期間を選択させる事が可能になっています。 今までありそうでなかった操作性で、直感的に使用できそうですね。 デモはカレンダーにマウスオーバーする事で複数日が選択される事を強調してくれます。 また、画面上部のSelect Number of Daysの数値を変更させる事で選択可能な日数を変更できるようになっています。 デモ ファイルサイズも圧縮していない状態で14KBとの事。かなりの軽量化がされています。 ホテルの予約システムなんかに良さそうですね。
FullCalendar - JavaScript Event Calendar
npm install @fullcalendar/angular import { Component } from '@angular/core' import { CalendarOptions } from '@fullcalendar/angular' @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.scss'] }) export class AppComponent { calendarOptions: CalendarOptions = { initialView: 'dayGridMonth', events: [ { title: 'event 1', date: '2019-04-01' }, { title: 'e
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を使ったカレンダー型、日付入力補完ライブラリ
今年の祝日を表示するワンライナー - inamode13
今年の祝日を表示するワンライナー perl -MCalendar::Japanese::Holiday=getHolidays -E 'binmode STDOUT, ":utf8"; $y = shift or die; for $m (1..12) { $r = getHolidays($y, $m); for $d (sort keys %$r) { printf "%d-%02d-%02d - %s\n", $y, $m, $d, $r->{$d} }}' 2010 Result. 2010-01-01 - 元日 2010-01-11 - 成人の日 2010-02-11 - 建国記念の日 2010-03-21 - 春分の日 2010-04-29 - 昭和の日 2010-05-03 - 憲法記念日 2010-05-04 - みどりの日 2010-05-05 - こどもの日 201
国民の祝日の名称を取得するモジュール - Unknown::Programming
昨日の続き。 Calendar::Japanese::Holidayなるものを触ってみた - Unknown::Programming いや、続きというか昨日も言ったように僕も前に作ったやつがあるので折角だし公開しよーかなと。 DateTime::Holiday::Japaneseという名前で作ってあるんだけど、名前空間的にDateTime使ってるということもありその辺良くわかんないので、CPANにはあげてません。 →DateTime-Holiday-Japanese-0.01.tar.gz ソースは以下 package DateTime::Holiday::Japanese; use strict; use warnings; use DateTime; use UNIVERSAL::require; use Class::Inspector; use utf8; use base qw
Calendar::Japanese::Holidayなるものを触ってみた - Unknown::Programming
日本の祝日の名前を取得するモジュールのようです。 僕も前に自分用に同じようなヤツを作りました。 でCalendar::Japanese::Holidayなんですが、実装はさておき、実行結果に少し不満が。 というのも昔の休日が軒並みコケる。 まぁどこまで対応するかは用途によって変わるとは思うけど少なくとも、昭和23年(1948年)7月に制定された「国民の祝日に関する法律」を一番古いケースとして対応したほうがいいかと。 まずそれによると元旦は1949年〜現在の1月1日。 成人の日は1949年〜1999年の1月15日。2000年以降は1月の第二月曜日(ハッピーマンデー) 建国記念の日は1967年〜現在の2月11日。 天皇誕生日、というか4月29日の扱いが少しややこしい。 4月29日は1949年〜1988年の間が天皇誕生日、1989年〜2006年の間がみどりの日、2007年〜現在が昭和の日となる。
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を読み込んでからプ
Your New Jekyll Site
Perhaps unfairly, I had a lot of trouble getting a new remote control infrared receiver set up to control my XBMC media center. I eventually ended up using some advice from this guide. But getting there wasn’t easy. Part of the problem was that this remote control receiver registers itself as a keyboard. This isn’t a problem really, it just made me confused. Another part of the problem is that mos
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
シンプルなカレンダーPDF無料ダウンロード／ウェブスタジオ アラクネ
IT 勉強会カレンダー検索
ATNDカレンダー検索