flatpickr
Introductionflatpickr is a lightweight and powerful datetime picker. Lean, UX-driven, and extensible, yet it doesn’t depend on any libraries. There’s minimal UI but many themes. Rich, exposed APIs and event system make it suitable for any environment. This “lean” philosophy translates to less size and better performance, with a bonus of not having to load 8 libraries for a calendar. Dive right int
Bootstrap ベースの日付／時刻ピッカーを日本語環境向けにカスタマイズした jQuery プラグイン | CYOKODOG
Bootstrap が普及して以降、Bootstrap のデザインを基調とした jQuery プラグインをちらほら見かけるようになりました。 日付／時刻ピッカーの「Bootstrap Datetime Picker」もそんなプラグインの１つですが、今、仕事で開発してる Web アプリに使ってみたところ、いろいろとかゆいところがあったので、使いやすくなるようカスタマイズしてみました。 Bootstrap Datetime Picker の基本機能 Bootstrap Datetime Picker は、１つの入力フィールドに対し下記パターンで値をセットすることができます。 日付と時刻（YYYY/MM/DD HH:MI:SS） 日付のみ（YYYY/MM/DD） 時刻のみ（HH:MI:SS） 1 のように日付と時刻を入力する場合は、ダイアログの上下部に表示されるアイコンで選択画面を切り替えます。
スケジュール、TO DO、買い物リストなどワンストップ家族向けアプリ「Picnic」 - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
image via. Picnic ＜ピックアップ＞ The name might sound cuteAsy, but this is a robust, mature way to keep your family on task 家族のスケジュールを管理しようとすると、Google カレンダー、買い物リスト、テキストメッセージアプリなど、複数のアプリを使うしかないのがこれまでだった。家族向けアプリ「Picnic」なら、こうしたさまざまな要素をひとつのアプリで完結することができる。 以下のスクリーンショットにあるように、家族の現在地を把握できるため、例えば複数台車を保有している場合は、誰が子どもを迎えに行くと一番効率がいいかといった使い方もできる。 かなり多機能な印象だが、例えば以下のような機能を搭載している。 カレンダー 家族共有ジャーナル To Doリスト（家族全体また個人のリスト
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
全ての予定がつながる！アカウント横断型カレンダーツール『Sunrise』が最強すぎた | ライフハッカー・ジャパン
つい先日、娘の運動会を完全に忘れて仕事の予定IN。嫁からしこたま怒られました。中村です。 今回はそんな僕がオススメする「もう完全にこれでいいわ」と言い切れるカレンダーツールの紹介をば。「またカレンダーツールか」と言いたくなる気持ちも分かりますが、そこはグッと堪えて、まぁとりあえず見てやってください。 Googleアカウント横断！ありそうで無かった連携型カレンダー 個人用のGoogleカレンダーには入れてたんだけど...仕事用のアカウントに連携させるの忘れてて...あの、ほら...ぇえと......。 うん。あるあるですね。かく言う僕もよくこれをやってしまい、結果冒頭みたいな事態にちょいちょい陥ってました。が、このSunriseなら複数Googleアカウント間の横断がカンタンにできてしまうので「会社用」「個人用」「趣味仲間用」などでバラけていたカレンダーを一括で管理できちゃうんです。もちろん
jQuery UI Datepicker-土・日・祝日・非営業日対応 - Tech-Sketch
jQuery や jQuery UI は、とても便利です。各ブラウザのJavascript実装の差異を吸収してくれるだけでなく、ドラッグアンドドロップやタブビューなど様々なリッチなUIを利用することができます。あのIE6対応を考えなくても済むというだけでも、利用する価値があるというものです。 これらjQuery/jQuery UIは、コンシューマ向けのWebサイトのみならず、企業内の基幹業務用Webシステムであっても利用して当たり前、というほど普及していると言ってもよいでしょう。 ただし実際の業務システムで利用する際には、「ここをカスタマイズできれば！」という部分が出てくるものです。 jQuery/jQuery UIはオープンソースですから、ソースコードを直接修正してしまえば何でもカスタマイズできます。ただしそのような手段を取ると、今後リリースされるであろう新しいjQueryライブラリ
やったあああああ！ 2015年9月に大型連休があるぞ！
2015年は9月に大型連休が――国立天文台は2月3日、2015年の国民の祝日などの暦要項を発表した。 要項によると、2015年の敬老の日は9月21日（月曜日）、秋分の日は9月23日（水曜日）。国民の祝日に関する法律により間の9月22日（火曜日）も休みになるため、土日と合わせると5連休になる。 同年5月は5月6日が振替休日となるため、5月3日（日曜日）から6日（水曜日）までが祝日となる。 また同年は日食が2回、月食が2回あるが、日本で見られるのは4月4日の皆既月食のみという。 advertisement 関連記事 47都道府県ナンバー1の観光スポットはどこ？ さらにその頂点に立つのは 都道府県代表観光スポット、略して「TDFK47」のセンターを飾る選抜総選挙だそうな。 外国人が“クール”と評価した日本の観光スポット20選 クールジャパン。 行ってよかった無料の観光スポットは？ トリップアドバ
Googleカレンダー対応の、シンプルなイベントカレンダーを実装出来るjQueryプラグイン・kalendar
Googleカレンダーで設定したイベント等に対応したカレンダー実装スクリプト・kalendarのご紹介です。勿論、普通にイベント設定も可能。jQueryに依存しています。 イベント対応のカレンダーを手軽に実装出来る、というスクリプトです。 こんな感じのカレンダーです。日付を押すとその日のイベント一覧に切り替わります。 Sample events: [ { title: "hoge", start: { date: YYYYMMDD or "YYYYMMDD", time: "HH.MM" }, end: { date: YYYYMMDD or "YYYYMMDD", time: "HH.MM" }, location: "huga", url: "http://example.com", color: "string" } ],イベントは上記の要領で設定すればいいみたい。 他、Google
おそろしく簡単にカレンダーを表示できるjQueryプラグイン「pickadate.js」
twitter facebook hatena google pocket フォームの入力は簡単にすることで離脱率を下げることが可能です。 日付を入力させるところもカレンダーで表示すると、簡易化できまたわかりやすいので、誤入力が減りそうです。 Pickadate.jsはこれを実現するjQueryプラグインです。 sponsors 使用方法 導入は非常に簡単です。 Pickadate.jsからファイル一式をダウンロード。 <link rel="stylesheet" href="pickadate.01.default.css"> //好きなテーマを選んでください <script type="text/javascript" src="jquery-1.8.3.min.js"></script> <script type="text/javascript" src="pickadate.mi
おすすめカレンダーiPhoneアプリ5選! こだわり機能で絶対見つかるカレンダーアプリ | AppBank
カレンダーアプリの選び方の基準 仕事のスケジュール管理や家族・恋人との予定を共有したい！と思ってもたくさんありすぎて何を基準に選んだらいいのかわからない… という方へ。 カレンダーアプリを選ぶ基準として最低限必要なことをまとめました。 自分に合ったカレンダーアプリを利用することで仕事での評価UPに繋がったり、恋人からの信頼度もUPするかも？ 無料で使えること まず、大前提として、無料で使えることです。 いくら大事なスケジュール管理もどうせなら無料でいろんなアプリを試してみたいものですよね。 料金を気にすることなく、気軽に使えることも使いやすさにつながると思います。 カレンダー同期機能が付いている 自動で同期する機能がついているカレンダーアプリを選ぶことをおすすめします。 iPhoneからアプリにスケジュールを登録しても自動で同期してくれる機能のおかげで、パソコンから確認してもいつも最新スケ
Googleカレンダー風操作感を持つ美しいカレンダーを実装できる「FullCalendar」:phpspot開発日誌
FullCalendar - Full-sized Calendar jQuery Plugin Googleカレンダー風操作感を持つ美しいカレンダーを実装できる「FullCalendar」 カレンダー実装のスクリプトは色々とありますが、UIが綺麗に作られているカレンダー実装jQueryプラグインの１つとしてご紹介 ドキュメントが充実しておりカスタマイズ制が高いものとなっています 関連エントリ Google Calendar風に使えるカレンダー実装jQueryプラグイン「jquery-frontier-calendar」 これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム
デザイン・使用感ともに超上質！iPhoneカレンダーアプリの最高峰、「STACCAL」が発売されたぞ！！
数あるiPhoneアプリの中でも、群雄割拠がひしめきあっているのが「カレンダー」というジャンル。私も、数々のカレンダーアプリを試してみては「最も使いやすいものはどれなのか？」を試行錯誤する毎日でした。 しかし、毎日のように使用するものなのにデザインが気にくわなかったり、あるものは使用感がひっかかる、こちらは同期が不安定…など、どうも「コレだ！」というものに出会うことは無かったのです。 が。 そんな日々に、終止符を打ってくれるアプリがこの度発売されました。 その名も「Staccal」。 アプリの動画が発表されてからというもの、その出来を想像する毎日だったのですが、「Staccal」のクオリティはあっさりと私の期待を飛び越えていくﾌｧﾋﾞｭﾗｽﾏｯｸｽなものでした。 現時点で間違いなくiPhoneカレンダーアプリの最高峰のひとつと断言して良いでしょう！ﾄﾞﾔｧ!!ﾄﾞﾔｧ!!!! 美しいUIに
物欲を刺激する上質カレンダーアプリ“STACCAL“が近く出るらしい。欲しい！ | AppBank
AppBankでも大人気の検索ワード、カレンダー。みなさん、きっと自分にあうカレンダーアプリを探しているということでしょう！ わたくし @spring_mao、素晴らしいカレンダーアプリがリリース予定であるという情報を聞きつけました。 まだリリースされていないのですが、欲しくてたまらないアプリだったので、突如ニュース記事を執筆することにいたしました！ 鳥肌の立つ動画、絶対に見てください！ 画面のデザイン、美しいアニメーションにため息が出てしまいます。 11種類の表示に対応 カレンダーは人によって、使いたい形が違います。この STACCAL は11種類のカレンダー表示に対応しているそうです。動画によるとカスタマイズもできるっぽい？！ アイコンも美しい Gadget Girl の @spring_mao としては絶対に見逃せないアプリです。App Storeに STACCAL が登場する日を心
かゆいところに手が届く！カレンダー・タスク管理iPhoneアプリの決定版「Lifebear」 : まだ仮想通貨持ってないの？
スポンサードリンク β版の使い勝手に惚れ込んでいたサービス「Lifebear」がついに正式リリース。iPhoneとウェブで使えるアプリです。 かゆいところに手が届くタスク管理＆カレンダーサービス Lifebearはまさに「かゆいところに手が届く」ウェブサービス。僕はそもそもタスク管理をしていないので、カレンダー機能を中心に利用しています。 機能は「タスク」「カレンダー」「ノート」の３つ。まずはカレンダー機能のご紹介。トップのUIはこんな感じ。僕はGoogleカレンダーを同期しています。 予定の作成も簡単かつ便利。ポップアップから場所をコメントを入力できます。これGoogleカレンダーだと面倒なんですよね。 タスク管理機能も使い勝手良好。登録したタスクは、全てドラッグアンドドロップでタグ付けできます。 続いて最後のノート機能。HTMLタグを無視してくれるので、コピペする際にも、全て同じフォン
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.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://frogstech.com/blog/2015/08/28/bootstrap-datepicker/
新日本カレンダー株式会社
美しいUIの月間イベントカレンダー実装jQueryプラグイン「Monthly.js」:phpspot開発日誌
2013年は3連休が増えて「ユーウツな月曜日」がちょっと少ない | ライフハッカー・ジャパン
超絶カッコイイ！Macの壁紙の上にカレンダーを重ねて表示する『Desktop Calendar Plus』｜男子ハック
