これで自前で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プラグイン「jCal」 | Web活メモ帳
「jCal」は複数の日付を選択できるjQueryのカレンダープラグインです。 複数の月のカレンダーを表示させて指定の期間を選択させる事が可能になっています。 今までありそうでなかった操作性で、直感的に使用できそうですね。 デモはカレンダーにマウスオーバーする事で複数日が選択される事を強調してくれます。 また、画面上部のSelect Number of Daysの数値を変更させる事で選択可能な日数を変更できるようになっています。 デモ ファイルサイズも圧縮していない状態で14KBとの事。かなりの軽量化がされています。 ホテルの予約システムなんかに良さそうですね。
角丸を使った可愛いカレンダーピッカー実装JavaScript「jsDatePick」:phpspot開発日誌
Free javascript date picker - popup date picker for websites and web apps - javascriptcalendar.org 角丸を使った可愛いカレンダーピッカー実装JavaScript「jsDatePick」が公開されています。 次のように可愛いUIがいい感じです。 カレンダーピッカーのデザインもいいものを使いたい際の１つの選択肢として覚えておくとよいかも 関連エントリ GoogleカレンダーみたいなカレンダーをjQueryで一瞬で作成できる「jquery-week-calendar」 jQueryを使ったカレンダー型、日付入力補完ライブラリ 日付の範囲を入力する際に便利に使えそうなjQueryのUIプラグイン これは新しい日付ピッカー実装用jQueryプラグイン「calendarPicker」
あの日まであと何日をアニメーション表示できるカウントダウン実装用jQueryプラグイン「jQuery CountDown」:phpspot開発日誌
あの日まであと何日をアニメーション表示できるカウントダウン実装用jQueryプラグイン「jQuery CountDown」 2010年02月16日- jQuery Countdown あの日まであと何日をアニメーション表示できるカウントダウン実装用jQueryプラグイン「jQuery CountDown」というものがあるみたいです。 次のようなカウントダウンタイマーが実装できます。 英語だけかと思いきや、多くの言語に対応していて日本語も対応してます。 使い方も簡単で１行で実装できます。 $(element).countdown({until: 目的の日付のDateオブジェクト, format: 'dHM'}); until には new Date で作れるオブジェクトをわたします。 var targetDate= new Date(); targetDate.setDate(targetD
overset - Multiday Calendar Datepicker JQuery Plugin
Multi-day, multi-month animated datepicker jQuery plugin that weighs in at 14KB with the uncompressed development version. DEMOS 2 Month and 1 Month Small Day Cells Full Week Selection With Small Day Cells USAGE // append side-by-side jCal with 4 day selection to jCalTarget element $('#jCalTarget').jCal({ day: new Date(), days: 4, showMonths: 2, monthSelect: true, callback: function (day, days) {
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.
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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Melbourne Pet Photography | Pet Photographers Melbourne