祝祭日のオプション指定

サンプル

↑クリックで datepicker 表示。

ソース

祝祭日のカスタマイズ

祝祭日の日付を通年の月日や第n月曜日で指定したり、個別の西暦年月日で指定したり、祝祭日の名称を指定することができます。

ソース

$(function(){
	$.fn.holiday('setRegionData', {
		//年間の祝祭日データ
		//	形式: { month : [{ day: 日, name: 名称, from:開始年, to:終了年}] }
		//	日の形式: (日にち | 第何 / 曜日(1:月曜日))
		'annual':{
            '01': [
                {'day':'01','name':'元旦'},
                {'day':'2/1','name':'成人の日'}
            ],
            '02': [
                {'day':'11','name':'建国記念日'},
                {'day':'23','name':'天皇誕生日','from':'2020'}
            ],
            '03': [
                {'day':'spring equinox','name':'春分の日'}
            ],
            '04': [
                {'day':'29','name':'昭和の日'}
            ],
            '05': [
                {'day':'03','name':'憲法記念日'},
                {'day':'04','name':'みどりの日'},
                {'day':'05','name':'こどもの日'}
            ],
            '07': [
                {'day':'20', 'name':'海の日','from':'1996','to':'2002'},
                {'day':'3/1','name':'海の日','from':'2003','to':'2019'},
                {'day':'3/1','name':'海の日','from':'2022'}
            ],
            '08': [
                {'day':'11','name':'山の日','from':'2016','to':'2019'},
                {'day':'11','name':'山の日','from':'2022'}
            ],
            '09': [
                {'day':'3/1','name':'敬老の日'},
                {'day':'autumnal equinox','name':'秋分の日'}
            ],
            '10': [
                {'day':'2/1','name':'体育の日','to':'2019'},
                {'day':'2/1','name':'スポーツの日','from':'2022'}
            ],
            '11': [
                {'day':'03','name':'文化の日'},
                {'day':'23','name':'勤労感謝の日'}
            ],
            '12': [
                {'day':'23','name':'天皇誕生日','to':'2018'}
            ]
		},
		//個別の祝祭日データ
		//	形式: { 年月 : [ { day: 日にち, name: 名称 } ] }
		'individual':{
            '201509': [{'day':'22','name':'国民の休日'}],
            '202007': [{'day':'23','name':'海の日'},{'day':'24','name':'スポーツの日'}], //オリンピック開催2020年の特例
            '202008': [{'day':'10','name':'山の日'}], //オリンピック開催2020年の特例
            '202107': [{'day':'22','name':'海の日'},{'day':'23','name':'スポーツの日'}], //オリンピック開催2021年の特例
            '202108': [{'day':'08','name':'山の日'},{'day':'09','name':'振替休日(山の日)'}], //オリンピック開催2021年の特例
            '202609': [{'day':'22','name':'国民の休日'}], //2015年時点の推定
            '203209': [{'day':'21','name':'国民の休日'}], //2015年時点の推定
            '203709': [{'day':'22','name':'国民の休日'}] //2015年時点の推定
		},
		//言語対応
		'words': {
			'substitute': '振替休日'
		}
	});
});

日本の祝祭日の英語版カスタマイズ例

（jquery.holiday_en-JP.js）

サンプル

ソース

日付入力欄の動的な追加に対応

サンプル

↑クリックで datepicker 表示。
日付入力で行追加。

ソース

※動的に生成されたinput要素に対してもdatepicker()とholiday()を設定。
　このとき同じinput要素に対して重複してholiday()が実行される問題を回避。

備考

プログラムについて

2007年以降から2015年現在の祝祭日に対応しました。
　「山の日（2016年以降の8月11日）」
2016年以降から2020年10月現在の祝祭日に対応しました。
　「天皇誕生日（2020年以降の2月23日）」
　オリンピック・パラリンピックによる2020年の特例の「海の日」「スポーツの日」「山の日」に対応しました。
　ご指摘ありがとうございました。
2020年10月以降から2021年6月現在の祝祭日に対応しました。
　オリンピック・パラリンピックによる2021年の特例の「海の日」「スポーツの日」「山の日」に対応しました。
確認ブラウザ　Chrome 86.0.4240.75　FireFox 80.0.1　IE11 1082.18362.0　（Windows 10）
改造、再配布、商用利用など自由に使っていただけます。
お気づきの点その他ありましたらお知らせください。

更新履歴

2015-12-22: 祝祭日カスタマイズ例（日本語版）の追加
2016-10-22: 動的なinput要素の追加に対応
2020-10-11: 年間の祝祭日データに対象年の範囲を指定できるよう修正
2020-10-11: 現時点の内閣府「国民の祝日」に対応
2021-06-27: 現時点の内閣府「国民の祝日」に対応

ページの最初へ

jQuery UI datepicker 用の祝祭日ツールチップ表示

祝祭日のデフォルト表示

サンプル

ソース

祝祭日のオプション指定

サンプル

ソース

祝祭日のカスタマイズ

ソース

日本の祝祭日の英語版カスタマイズ例

サンプル

ソース

日付入力欄の動的な追加に対応

サンプル

ソース

備考

プログラムについて

更新履歴