[JavaScript]pickadate.jsを使用したカレンダーライブラリに祝日データを渡したい

前提・実現したいこと

pickadate.jsというカレンダーライブラリにて祝日を選択不可日として設定したいです。
昨年~来年３年分の日本の祝日の取得ができたのですが、
JavaScript初学者のため、そこからどのようにデータを引き渡せばいいのか、
そもそもその方法が可能なのかもわかりません。
参考になるサイトなどでもいいのでご教示いただけると幸いです。

該当のソースコード

JavaScript
1    var request = new XMLHttpRequest();
2    request.open('GET', 'https://holidays-jp.github.io/api/v1/date.json', true);
3
4    request.onload = function () {
5        var holidays = this.response;
6        console.log(holidays);　// コンソールログでの出力は確認できている
7    };
8    request.send();
9
10//カレンダーライブラリ
11    $('#calendar').pickadate({
12        disable: [1, 7]//土曜日と日曜日の選択不可←ここに祝日データも加えたい
13    });

参考サイト

JavaScriptでAPIを呼び出す方法
 Holidays JP API
UIのイケているdatepickerライブラリpickadate.jsが最高だった（demo有）

退会済みユーザー

2020/03/19 03:19

https://amsul.ca/pickadate.js/api/#method-get-disable

mmmmmr

2020/03/19 04:04

カレンダーライブラリの実装部分をご教示いただいたサイトのように修正いたしました！ ``` var $input = $('#demo').pickadate(); var picker = $input.pickadate('picker'); picker.set('disable',[ 1, 7 ]); ```

行動規範の内容に同意します

回答1件

ベストアンサー

JSON.parse() を使うことで JSON の文字列を変換することができます。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse

……なのですが、XHR で無理に JSON を扱うより Fetch API を使ったほうがいいでしょう。

JavaScript
1    fetch('https://holidays-jp.github.io/api/v1/date.json').then(response => response.json()).then(json => {
2      $('#calendar').pickadate('picker').set('disable', Object.keys(json).map(a => new Date(a)));
3    });