日付入力フォームをinput type=”date”でカスタマイズ【IEにも対応】 | 東京のホームページ制作 / WEB制作会社 BRISK
「日付入力フォームを作ってほしい」 あなたはそう言われたら、どうやって実装しますか？ HTML5になって追加された「input[type=date]」を使うでしょうか。それともプラグインを使うのでしょうか。 どちらにも一長一短があり、設置するサイトの目的に応じて柔軟に対応することが求められます。 だがしかし！この日付入力フォームのカスタマイズはなかなか曲者でして、苦戦している方も少なくないでしょう。 Chromeではうまく表示されても、IEでうまくいなかったり、ちょっと見た目をいじったら動かなくなってしまったり。 今回はそんな悩める日付入力難民の皆様のために、日付入力フォームをどんな端末から見ても同じ見た目・動きになるようカスタマイズする方法について書きました。少しでもお役に立てればなによりでございます。 ※結論から言うと「日付入力フォームのカスタマイズなら、プラグイン(datepicke
moment.js・day.js よりも速くて軽い cdate ライブラリ - Qiita
moment.js や day.js と似たインターフェースを実装した高速・軽量の JavaScript ライブラリ『cdate』をリリースしました。→ https://www.npmjs.com/package/cdate cdate の主な特徴： moment.js や day.js、Luxon よりも高速 moment.js と同じ .format("YYYY-MM-DD HH:mm:ss") 出力フォーマットに対応 strftime と同じ .text("%Y-%m-%d %H:%M:%S") 出力フォーマットに対応 moment.js と同様に .add(1, "month").startOf("week").endOf("day") のような計算に対応 .tz("Asia/Tokyo") あるいは .utcOffset("+09:00") のようなタイムゾーン（時間帯）指定に対
国民の祝日について - 内閣府
「国民の祝日」は、国民の祝日に関する法律（昭和２３年法律第１７８号）により、美しい風習を育てつつ、よりよき社会、より豊かな生活を築きあげるために定められた「国民こぞって祝い、感謝し、又は記念する日」です。 国民の祝日に関する法律では、年間に計１６の日が「国民の祝日」とされ、それぞれの日の趣旨が定められています。また、「国民の祝日」は、休日とされています。
Vimmerのあなたの為に。最高のカレンダーcalendar.vimを作りました - Vimはアプリケーションプラットフォームの時代に - プログラムモグモグ
Vimでカレンダーといえば, mattnさんのcalendar.vimが有名でした. mattn - calendar-vim しかし, 私には以下の不満点がありました. 現在のVim Scriptから見ると, Vim Scriptの基本的な要素(文字列と数字)しか使っていない. ぶっちゃけ, コードが読みにくいし拡張しにくい. 日付の計算, 表示部の構成など, 様々な要素が一つのファイルに書かれていて, ごちゃごちゃになっている. キーボード入力に対して, インタラクティブでない. 例えば, hを押した時に隣の日に移動しない. 自分でカレンダーを一から書いてみたくなったんです. というわけで... calendar.vim作りました itchyny - calendar.vim どうぞ使って下さい. :Calendarコマンドでカレンダーが開きます. スクリーンショットはこんな感じ. G
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
Calendar and Date Picker Design Showcase | Smiley Cat
For a recent project I needed to create a month-at-a-glance date picker / calendar. Seeking some design inspiration, I took a look around the web to see how others had tackled this challenge. As a result of this search I put together a gallery of calendar and date picker designs that I liked. In Search of Inspiration I had hoped to find some good examples from blogs, but it seems that this feature
PHPで祝日表示付きカレンダーの作成。 | Almondlab
PHPのPEARライブラリを使って、祝日の表示を加えたカレンダーの作成方法です。 カレンダーの作成には「Calendar」ライブラリ、祝日の取得には「Date_Holidays_Japan」ライブラリを利用しています。 <?php require_once("Calendar/Month/Weekdays.php"); require_once("Date/Holidays.php"); $current_year = date("Y"); $current_month = date("n"); $calMonth = new Calendar_Month_Weekdays($current_year, $current_month, 0);//第3引数の0は週の最初を日曜に $calMonth->build(); $ja = "data/Date_Holidays_Japan/lang/
【最新版】iPhoneの標準カレンダーとGoogleカレンダーを同期する方法
iOS4になって超簡単にGoogleカレンダーを同期できるようになったって知ってました？ 今までご紹介していたExchangeを使った方法（記事はこちら）よりももっと簡単で、もっと正しく同期される方法があります。 この方法を使えば、Exchangeでは同期できなかった「カレンダーの色」が同期できるようになります（他にもメリットはあるらしいのですが、私には見つけられませんでした・・・）。 また、Googleカレンダーとは関係ありませんが、iOS4以降、全てのカレンダーアプリはインストールするだけでiPhone標準のカレンダーと同期できるようになりました。そのため、アプリごとにGoogleカレンダーとの同期設定は行う必要はなくなっています。 それでは早速同期方法をご紹介していきます。 設定 > メール/連絡先/カレンダー > gmailのアカウントを選択。そして「カレンダー」を「オン」にする。
Emacsでカレンダーコンポーネントを作った - 技術日記＠kiwanami
(2011/07/25 追記: 設定方法などについては最新の記事を参照してください→[emacs][ui] Emacs用カレンダー calfw v1.2 リリース - 技術日記＠kiwanami) Emacsで使えるカレンダーが必要だったので作りました。 (追記 2011/01/08 ical連携の設定に足りないところがありましたので修正いたしました。また、Emacs22ではpeccuさんの所の追加設定を参照してみてください。 → CarbonEmacsでかるふわ使っちゃうよ！(ぺっくブログミラー@peccul)) こんな感じ 完成までには近所の人たちから、「カレンダーなら壁に掛かってるだろう」とか、「Google Calendarという無料のカレンダーがありまして」とか、「カレンダーならiPadにもあります」とか、幾多の助言を頂きました。ありがとう。分かってます。自分だって、2年前にPy
これで自前で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
Google Sync for iPhone
この前「iPhone(3G) Calendar と Google Calendar を同期させる」方法を書きましたが、他にもiPhone CalendarとGoogle Calendarの同期方法が何種類あります。しかし、どっちもサードパーティー製で安全性が気になるところです。MobileMeを使ったことある方ならあのPush型が魅力的ですが、年間9800円はどう考えても高いなと思います。自分も一年でやめました… 別にMobileMeの使い勝手が悪いのではなく単にGmailとGoogle Calendarの虜になっただけです。 今回紹介するのはGoogleが提供するExchangeサーバー？を利用した、iPhone連絡先とカレンダーをGmail ContactsとGoogle Calendarとの同期方法です、しかもiTunesを経由せずpush型で。こちらを参考にしてました １．設定画面
Google カレンダーの予定リマインダ ボタンの作成手順 － Google カレンダー
インタラクティブなカレンダーをウェブサイトに追加したり、ウェブサイトの訪問者がカレンダーの予定を保存するためのボタンを追加したりできます。 カレンダーをウェブサイトに埋め込む パソコンで Google カレンダーを開きます。ウェブサイトに埋め込むコードはパソコンでのみ生成できます。Google カレンダー アプリでは生成できません。 右上にある設定アイコン [設定] の順にクリックします。 画面左側で、埋め込むカレンダーの名前をクリックします。 [カレンダーの統合] セクションに表示されている iframe コードをコピーします。 埋め込みコードの下で、[カスタマイズ] をクリックします。 設定をカスタマイズしてから、表示されている HTML コードをコピーします。 埋め込んだカレンダーは、そのカレンダーを共有しているユーザーにのみ表示されます。すべての訪問者がカレンダーを閲覧できるよ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IT 勉強会カレンダー | みんなでシェア！イベントカレンダーのポータルサイト「Coyo.Me」