\n\n```\n","answerCount":1,"upvoteCount":0,"datePublished":"2023-03-27T08:03:35.478Z","dateModified":"2023-03-28T10:59:25.000Z","acceptedAnswer":{"@type":"Answer","text":"こちらのコードで解決いたしました。\n\njQuery(function($){\n // APIエンドポイント\n var apiUrl = \"https://holidays-jp.github.io/api/v1/date.json\";\n \n // 祝日の日付を取得\n $.get(apiUrl, function(data) {\n var holidays = Object.keys(data);\n        holidays.push(\"2023-01-03\", \"2023-01-04\",\"2023-08-14\",\"2023-08-14\",\"2023-08-15\",\"2023-12-28\",\"2023-12-29\"); // 夏季休暇・年末年始を追加\n \n $(\".hasDatepicker\").datepicker(\"option\", \"beforeShowDay\", function(date){\n // 日曜日と土曜日を除外\n var ret = [(date.getDay() != 0 && date.getDay() != 6)]; \n \n // 祝日を除外\n var dateString = $.datepicker.formatDate('yy-mm-dd', date);\n if ($.inArray(dateString, holidays) !== -1) {\n ret = [false];\n }\n \n return ret; \n });\n });\n \n $('form .hasDatepicker').attr('autocomplete', 'off');\n});","dateModified":"2023-03-28T10:59:26.000Z","datePublished":"2023-03-28T01:59:25.872Z","upvoteCount":0,"url":"https://teratail.com/questions/2llpfpdv55ijby#reply-5iqepo4jidoobh"},"suggestedAnswer":[],"breadcrumb":{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https://teratail.com","name":"トップ"}},{"@type":"ListItem","position":2,"item":{"@id":"https://teratail.com/tags/Datepicker","name":"Datepickerに関する質問"}},{"@type":"ListItem","position":3,"item":{"@id":"https://teratail.com/questions/2llpfpdv55ijby","name":"MW WP FORMで祝日および定休日を設定したい"}}]}}}
質問するログイン新規登録

Q&A

解決済

1回答

3223閲覧

MW WP FORMで祝日および定休日を設定したい

hmd

総合スコア1

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2023/03/27 08:03

0

0

MW WP FORMで予約フォームを設置しております。

土日祝および定休日(夏季休業日、年末年始)を選択できなくしたいです。

曜日を選択できないようにするのは出来たのですが、日付を選択できないようにするのが出来ないです。

コードの記載はfooter.phpにしております。

該当のソースコード

<script> jQuery(function($){ $(".hasDatepicker").datepicker("option","beforeShowDay",function(date){ var ret = [(date.getDay() != 0 && date.getDay() != 6)]; return ret; }); $('form .hasDatepicker').attr('autocomplete', 'off'); }); </script>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

こちらのコードで解決いたしました。

jQuery(function($){
// APIエンドポイント
var apiUrl = "https://holidays-jp.github.io/api/v1/date.json";

// 祝日の日付を取得 $.get(apiUrl, function(data) { var holidays = Object.keys(data);

       holidays.push("2023-01-03", "2023-01-04","2023-08-14","2023-08-14","2023-08-15","2023-12-28","2023-12-29"); // 夏季休暇・年末年始を追加

$(".hasDatepicker").datepicker("option", "beforeShowDay", function(date){ // 日曜日と土曜日を除外 var ret = [(date.getDay() != 0 && date.getDay() != 6)]; // 祝日を除外 var dateString = $.datepicker.formatDate('yy-mm-dd', date); if ($.inArray(dateString, holidays) !== -1) { ret = [false]; } return ret; }); }); $('form .hasDatepicker').attr('autocomplete', 'off');

});

投稿2023/03/28 01:59

hmd

総合スコア1

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.29%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問