日付・時間のピッカーを単独のWebコンポーネントとして利用できる軽量JavaScript -Aeon Date Picker
デスクトップでもスマホでもタブレットでも動作し、フレームワークの有無に関係なく機能する、日付・時間のピッカーを簡単に実装できるわずか5Kbの軽量JavaScriptを紹介します。 依存関係は一切なく、単独のWebコンポーネントとして利用できるので、非常に便利です。日本語環境のフォーマットにも対応しています。 依存関係はなし スタンドアロンの単体で動作する軽量JavaScriptで実装されたWebコンポーネント。 どこにでも使用できる どんなページにもどんなフレームワークにも設置可能。 プログレッシブエンハンスメント コードの読み込みに失敗した場合は、ネイティブのピッカーまたはテキストボックスにフォールバック。 アクセシブル マウス・タッチ・キーボード・スクリーンリーダーで動作し、ネイティブのフォーム要素として動作します。 多言語対応 デフォルトでブラウザのローカル言語と日付形式を使用します
自分のカレンダーから空き時間を探すiOSアプリケーションを開発しました #pity #freetimepicker｜かっくん / iOS Developer
友達との会話で「来週いつ暇？」とか打ち合わせの調整に「ご都合のよろしい日程を複数頂けますでしょうか」とか聞かれた時に自身のカレンダーとにらめっこをして空き時間を探した経験はないでしょうか？ 開発した経緯 前に投稿したように絶賛転職活動中なのですが、その中で時間調整の機会がとても多いことに気づきました。空き時間をいい感じにテキストでリストアップできれば前述したようなメールやメッセージをもらった時にもさくっとスマートに返信ができるなと思ったので開発してみようと思いました。 開発したアプリケーションiOS版 機能紹介 まずは検索対象の日付を選択します。今日、明日、今週、来週、今月、来月、カスタム（検索開始日と検索終了日を設定）から選びます。次に最低限必要な空き時間を設定します。ここは該当する予定にかかりそうな時間をそのまま入力します。30~45分程度を想定している場合は45分を選択しておきます。
10 Open Source Calendar UI Layouts Built With CSS - 1stWebDesigner
Building a full calendar UI is tough work. There are major differences between calendars on the web and calendars for mobile apps, so it’s good to study examples and see what’s out there. After scouring through CodePen, I’ve organized the absolute best calendar UIs I could find that was created specifically for websites. All of these calendars run on CSS for the interface, although some add JavaSc
イベントごとに色分け表示ができる！WordPressカレンダープラグイン「Event Organiser」 | ホームページ改善アドバイザー 日向 凛
大阪を拠点にホームページ制作およびSEOの改善指導を行なっているWixの専門家です。「ホームページ作成」「ホームページ制作」でWixサイト検索1位の実績。 私のクライアントさんでもあり、お友達でもあります、プレミアム銀鮭専門店 鶴賀屋さん。 もともとは、楽天市場退店を目前に、大急ぎでWebページをHTMLで移植。しかし後にWordPressでの運用がしたいというご要望により、取り急ぎWordPressを設置、ぼつぼつ機能をカスタマイズをしていっているところ。 特に、大阪のあちこちへ出張して、スーパーの店頭で魚の切り売り販売をしておられるため、カレンダー的なものをかねてから探していたところ、いいカレンダープラグイン「Event Organiser」に遭遇しました！ インストールして有効化すると、「イベント」というメニューが現れます。この「新規追加」でイベント名や詳細を入力し、ブログ記事を投稿
実店舗やスクール系のWebサイトに重宝！WordPressのカレンダープラグイン9選
予定やイベントなどを随時更新できるカレンダーがサイト上にあるだけで、BtoCのビジネスをやっている方であれば非常に役に立ちます。 プラグインですので、新たに作る必要もなく簡単に設置や編集も可能ですので取り入れてみてもいいでしょう。 今回はそんなサイトに随時情報をアップできるWordPressのカレンダープラグインについて、オススメのものをご紹介します。 カレンダーが実装できるWordPressのプラグイン 1.Google Calendar Events https://wordpress.org/plugins/google-calendar-events/ サイト上で使われているカレンダーとしては、最も有名なのがGoogleカレンダーです。 Googleカレンダーと連携させることができるカレンダープラグインです。 このGoogle Calendar Eventsはレスポンシブ対応ですの
GoogleカレンダーからJSONPで日本の祝日一覧を取得
コメントと更新履歴の参照はゼロと無限の間のログ » GCalendar Holidaysでどうぞ。 Google Calendar API V3から、日本の祝日データを取得して表示するJavaScriptです。 Googleカレンダーに登録されている祝日なので、ハッピーマンデーの時のように休日の制度が変わっても柔軟に対応できます。 ただしGoogleカレンダーに登録されている祝日が間違っている（あるいは最新でない）場合もそのまま表示されます。 Yahho CalendarまたはjQuery UI Datepickerと合わせて使うと便利です。 バージョン0.5.xまではGoogle Calendar API V2から取得していましたが、Google Calendar API V2の廃止にともない、バージョン0.6.0からはGoogle Calendar API V3から取得するようにしまし
jQuery UI Demos | jQuery UI
jQuery UI Demos jQuery UI offers a combination of interaction, effects, widgets, utilities, and themes designed to work well together or on their own. Play with the demos, view the source, build a theme, read the API documentation and start using jQuery UI today. Interactions Interactions add basic mouse-based behaviors to any element. You can create sortable lists, resizable elements, drag & drop
カレンダーによる日付入力補助｜Javascript｜ホームページの素
こちらの意図した書式で入力してもらいたいとき、あるいはユーザーの入力を簡易にするため、カレンダーを表示して日付をクリックするとテキストボックスにセットされます。 手入力もできますので、日付チェックのスクリプトもあわせて使用すると良いでしょう。 日付チェックはこちらを参照してください。 これはToshirou Takahashi氏作成のスクリプトを元に自分の使い勝手の良いように改造したものです。 原本は http://www.fureai.or.jp/~tato/JS/BOOK/INDEX.HTM ダウンロード calendar.txt 上記calendar.txtをダウンロードし、拡張子を「js」に書き換えてください。 calendar.txt -> calendar.js 改造内容 NSの場合もクリックしたそばにウィンドウ表示されるようにする スクリーンの上にでる場合は下に、スクリーン右
jQuery UIのDatepickerでカレンダーから楽々日付入力
フォーム入力で日付を扱うことあると思いますが、数字だけの割にはいろいろと制御が面倒な部分でもあります。 入力フォーマット、年・月・日の制御など、作る側としてはかなり見えない部分の仕事が増えます。 入力するユーザの立場としても、フォームがドーンとあっただけでは入力に迷いますし、こういう局面ではカレンダーなどで曜日や日にち間隔を確認しますよね。 この両者の不便さを解消する方法として、jQueryのプラグインである「jQuery UI」の１機能、「Datepicker」で解消できます。 Datepickerを使用することで、フォームへの日付入力の際、カレンダーを表示して入力補助をするインターフェースを、簡単に実装できます。 jQueryを用意するjQuery UIはjQueryのプラグインであるため、jQuery本体が必要となります。 jQuery本体の準備は以前「「CrossSlide」写真や
YUIのJavaScriptカレンダーを日本語化＆ポップアップ対応＆祝日も表示 - Yahho Calendar [ゼロと無限の間に]
コメントと更新履歴の参照はゼロと無限の間のログ » Yahho Calendarでどうぞ。 Webのformで日付を入力する際に日付の選択をしやすくするためのポップアップカレンダー（Datepikcer）を表示するJavaScriptライブラリです。別Windowで開くのではなく、form上に表示します。（サンプルを見てもらうと分かりやすいと思います。） カレンダーはYUI 2 (Yahoo! UI Library version 2)のカレンダーを日本語を含む多国語化してポップアップ対応にしたものです。 また、これと合わせてGCalendar Holidaysを使うとカレンダー上に祝日の表示もできてます。 Yahoo!の日本版ということでヤッホーという名前にしました。（昔、Yahho!てサイトありましたね。）
Yahoo! UI Library: Calendar
The Calendar component is a UI control that enables users to choose one or more dates from a graphical calendar presented in a single month or multi month interface. Calendars are generated entirely via script and can be navigated without any page refreshes. You'll find the Calendar Control to be a useful and easy-to-implement enhancement to any date-selection interaction; you may also find that
リンクもはれて祝祭日もわかるカレンダーを生成 / JavaScript
Calendar 2 リンクもはれて祝祭日もわかる過去未来のカレンダーを生成 NN4+, IE4+, Gecko, Opera7+ 特徴 ダウンロード サンプル 更新履歴 特徴 放っておいても JavaScript が勝手に今月又は特定の月のカレンダを生成し表示してくれます。 今日の日にちを確認できるのは勿論、祝祭日まで教えてくれる賢さ。 更に過去未来のカレンダも動的に表示可能、特定の日付にリンクをはることも可能です。 また、任意の要素に任意の属性を追加することもできます。 おまけ機能として時刻を動的に刻む時計、特定の日付からのカウントアップ、 特定の日付までのカウントダウンもできます。各個 幅広いフォーマットで描画できます。 ※ 祝祭日は2005年現在のものです。将来法改正が行なわれた場合にはソースも修正しなければなりません。 当スクリプトが示す「春分の日」「秋分の日」に関しては保障でき
20 Very Original Examples of Calendar Designs | Top Design Magazine - Web Design and Digital Content
Writen by Bogdan+ / Comments Off on 20 Very Original Examples of Calendar Designs Today we have state of the art smartphones, super powerful computers and even pseudo-holograms which can show us the time and date with an extreme accuracy, so why do we need a printed calendar? Well, we hang them on the wall mainly for their designs. It’s just like a business card – most of the time it can be replac
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://designscrazed.org/best-free-calendar-templates/
PADI Japan(パディ・アジア・パシフィック・ジャパン) 公式サイト ～ ダイビングを始める＆楽しむあなたを応援します！～
Calendar with different theme : Calendar « GUI Components « JavaScript DHTML
Professional AJAX programming since 2003 :: Dynarch.com
シンプルなカレンダーPDF無料ダウンロード／ウェブスタジオ アラクネ
The World Heritage 2012 WEB Calendar | Panasonic Global
グレイトブルー／蒼き世界 壁掛Lサイズ：2012年カレンダー／写真工房／世界遺産写真家 富井義夫をはじめ一流写真家の作品を紹介、販売しています - SHOPPING