WordPressのカレンダー系プラグイン8個。色分けして営業日やイベント告知。予約受付できるやつも。
「営業日や臨時の休業日を案内できるカレンダーをサイトに付けて」って要望が、クライアントさんからけっこうあったりします。「予約可能かどうかをカレンダー上で◯とか×で見せたい」や「カレンダーから予約できる機能がほしい」ってのも多いです。 そんな要望に応えられそうなWordPress プラグインを集めました。 本当は要望を満たせるシステムを案件ごとに開発できればいいんでしょうが、それだけ予算に余裕があるケースばかりでもなく。 ってことで、どうぞ。機能・用途別に8個あります。 カレンダー系プラグイン8個 1. レスポンシブOK。カスタマイズできるGoogleカレンダー：Google Calendar Events 2. 色分け営業日カレンダー：WP Simple Booking Calendar 3. サイドバーにピッタリ営業日カレンダー：Biz Calender 4. 本格イベント告知カレンダー
カスタム投稿タイプのカレンダーを表示する[WordPress]
Kotoriはマルファン症候群という難病を患っています！ 今後は、マルファン症候群に関するトピックも扱っていきます！ KOTORI Blogの公式キャラクター「パンD」です。 まえがき カスタム投稿タイプのカレンダーを表示したかったので「get_calendar()」を元に関数を作りました。とはいっても本当にちょっと手を加えただけですが。 カレンダーを表示したい場合は基本的に「投稿」を使った方が丸く収まりますがカスタム投稿タイプを使わなければいけない場合もあるかと思います。 そんな時に参考にしてもらえればと思います。 今回紹介する方法は、functions.phpにコードを書き足すタイプの方法です。 プラグインもあるのですが、ウィジェット形式にしか対応してなかったりするのでKoToRiはfunctions.phpにコード書いた方が自由がきくかな～と思います。 カスタム投稿タイプのカレンダー
![カスタム投稿タイプのカレンダーを表示する[WordPress]](https://cdn-ak-scissors.b.st-hatena.com/image/square/cf35252198fa49d645fc19e6f8d8119e35b78e35/height=288;version=1;width=512/https%3A%2F%2Fkotori-blog.com%2Fwordpress%2Fwp-content%2Fuploads%2Fthumb3.gif)
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
Googleカレンダーを無料の予約システムとして使う新機能「予約の時間枠」を使ってみた
会社やお店でサービスを運営していて、その予約をウェブ上から受け付ける場合、予約システムを導入して予約を一括管理すると業務効率が飛躍的に高まりますよね。 しかし、そのようなシステムを導入するには、中小零細企業としてはまだまだ敷居が高いもの。その敷居をGoogleが一気に下げてくれそうな予約機能を追加したので、早速使ってみました。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Googleカレンダーの新機能「予約の時間枠」 Googleカレンダーの新機能「予約の時間枠」は、Googleカレンダー上にあらかじめ予約の時間枠を作っておくと、他のユーザーがカンタンに予約することができるもの。 予約する人もGoogleアカウントにログインする必要があるのは、利用可能者が限定されてしまい残念ですが、特にシステ
Google Calendar風に使えるカレンダー実装jQueryプラグイン「jquery-frontier-calendar」:phpspot開発日誌
jquery-frontier-calendar - Project Hosting on Google Code Google Calendar風に使えるカレンダー実装jQueryプラグイン「jquery-frontier-calendar」がGoogle Codeにて公開されています。 広がるカレンダーをクリックで簡単に予定を追加し、次のように表示できます。ラインをクリックすれば予定が分かったり、ラインをドラッグ＆ドロップして予定をずらせたりすることが可能。 背景画像を指定したりすることも出来ます。 他にも同様のライブラリはありますが、仕様によって使い分けるとよさそうですね。 関連エントリ これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム GoogleカレンダーみたいなカレンダーをjQueryで一瞬で作成できる「jquery-week-calend
特定のカテゴリのみを表示するカレンダー（Wordpress） - KUMAOのPC備考録
しかし、ソースを眺めていると、 随所に「AND ID NOT IN」と記述されたＳＱＬ文がある。 これを「AND ID IN」と変えればいいのではないかと安直な考えて変更して、表示したくないカテゴリＩＤの代わりに表示したいカテゴリを WHERE tt.term_id IN ('表示したいカテゴリID') の様にして試してみたら、なんと要望通りに特定のカテゴリのみ表示するようようになった。 本当にこんなんでいいのかな？と思ったが、エラーも出ていないし、要望道理の結果がでているのでまあいいか！ で、一件落着と思えたが、（カレンダーのリンクは特定のカテゴリの記事のある所だけになっているが、メインコンテンツを見るとその月のすべてのカテゴリの物が表示されているではにか！？ 作者さんのページをよく見ると 前のエントリでも簡単に述べましたが、このプラグインが反映されるのはカレンダーのみです。 本文
グーグルカレンダーＡＰＩで祝日かどうかを判定 - Vine Linux 4.1 + CentOS 5.1の備忘録
ショッピングサイトで申込日から４日後に振り込み締切日を設定したい。 その場合、４日後が、祝日、土日であれば、平日になるまで締切日を延長する。 祝日かどうかの判定をする場合、現在の暦では、祝日が○月○日と固定でない。テーブルを作成して、毎年メンテするのも面倒くさい。一年に一回のことなのでメンテし忘れるだろう。そこで、信頼できるサイトの祝日データを利用したい。 グーグルカレンダーのＡＰＩを使用して、祝日かどうかの判定ができる。 振込み締め切り日の計算 曜日、祝日の処理 http://www.stackasterisk.jp/tech/php/php03_07.jsp ○日後の日付の取得 http://www.ilovex.co.jp/Division/ITD/archives/2006/03/php.html 祝日をGoogle カレンダー API から取得 http://akabeko.sa
これは新しい日付ピッカー実装用jQueryプラグイン「calendarPicker」:phpspot開発日誌
BugsVoice - turn bugs into opportunities これは新しい日付ピッカー実装用jQueryプラグインのjQuery.calendarPickerが公開されています。 通常、日付ピッカーというとカレンダーを想像しますが、今回紹介するものは次のようなUIで、１週間が基本となっています。 不要な日付を出来る限り非表示にすることで、分かりやすくなったりする場面もありそうです。 現在の日付は黄色の枠で表示されるようになってるみたいです。 オプションに値を与えることで、月、曜日の表示名カスタマイズをすることが出来るのでローカライズも容易ですね。 関連エントリ GoogleカレンダーみたいなカレンダーをjQueryで一瞬で作成できる「jquery-week-calendar」 jQueryを使ったカレンダー型、日付入力補完ライブラリ
hCalendar を使って予定を公開しよう！ - IT戦記
はじめに みなさん、こんばんわ！ さてさて最近のことですが、 Google の検索結果にイベントや予定へのリンクが表示されるようになりましたね！（まだ、英語版だけですけどね＾＾；） ASCII.jp：Google、リッチスニペットでイベントの日時や場所表示に対応 以下のような感じで表示されるみたいです！ ウェブページの中に書かれた「予定」や「イベント」などを Google 先生が理解して表示しているんですね！ この予定やイベントはどうやって探してるの？ Google は hCalendar という形式のデータを読んで、予定やイベントを探しているようです。 というわけで、今日はこの Google が使っている hCalendar というものが「どういうもので」「どうやって活用すればいいか」を実例を交えながら紹介したいと思います。 hCalendar って何？ hCalendar とは「カレン
jQuery ui 1.7.1 のDatePicker日本語化 | real-eyes システム開発 東京 渋谷のシンプルソフト
中小企業のIT活用、業務システム開発・導入専門の シンプルソフト 〒150-0002 東京都渋谷区渋谷1-10-1 八千代ビル8F
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
Spookies Labs Blog | シンプルな日付選択用ライブラリ「protocalendar.js」を公開しました
prototype.js ベースの日付選択用 javascript ライブラリ「protocalendar.js」を公開しました。 rails や cakephp でアプリケーションを作っていて、セレクトタグでは日付を選択し辛いと感じていました。 また、オープンソースの Date Picker ライブラリでは機能不足、もしくはオーバースペック過ぎて手頃なものがないと感じていました。 そこで、社内で prototype.js ベースの日付選択用ライブラリを作ってみようということになり作ってみました。 今後もバージョンアップしていきたいと考えているので、ご意見ご要望などありましたらコメントでお願いします。 【特徴】 *prototype.js ベース（1.5 以降）。 *シンプルで軽量。 *MIT LICNESE *16のローカライゼーションに対応。 *フォーカスでカレンダー表示。（
とても洗練されたＵＩの日付ピッカー＆カレンダー集:phpspot開発日誌
Beautiful datepickers and calendars for web developers とても洗練されたＵＩの日付ピッカー＆カレンダー集のエントリが紹介されていましたのでピックアップ。 日付入力も便利だけでなく、クールに行えます。 datepicker シンプルだけどクールなカレンダー jquery datepicker From〜Toが指定できるカレンダー Calendar 立体的でクールなＵＩ jPint iPhoneっぽいＵＩ 全部見る たくさんありすぎて迷いますが、サイトのＵＩや、用途に応じて使い分ければ便利そうですね。 関連エントリ 超クールなカレンダー型日付入力補助用JSライブラリ カレンダー、バルーンなどWEBアプリに使えるハイクオリティアイコンセット「pinvoke」 日付入力を便利にするカレンダー/日付ピッカー集
jQueryベースのカレンダー作成javascript「jCalendar」
twitter facebook hatena google pocket フォームなどでは日付を指定させることが多く、利便性が求められます。 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" hr
日付入力を便利にするカレンダー/日付ピッカー集:phpspot開発日誌
Fantastic, Free Calendar and Datepicker Scripts - Six Revisions Web applications often require a calendar or datepicker functionality. 日付入力を便利にするカレンダー/日付ピッカー集。 日付だけのものから、Googleカレンダーみたいなカレンダーウィジェットまで、いろいろとあるようです。 Calendar: a Javascript class for Mootools MooMonth Monket Calendar Datejs Vista-like Ajax Calendar 全部見る これだけあれば、日付入力には困らなさそうですね。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
スケジュール管理ツールを公開します - こども(てれび)
JKL.Calendarをいじってみた
JavaScriptでカレンダーを実現するための38のスクリプト | IDEA*IDEA
Moved Permanently