https://watanabedc-niiza.jp/script/calendercontrol.js

1$(function () {
2    jQuery(document).ready(function ($) {
3        var iId = 1; //■医院ID（医院検索参照）
4        var apiUrl = "https://cal.narcohm.co.jp/cl/api/Get/" + iId + "/";
5        //表示対象
6        var pcFlg = true;　//PC
7        var pcSubFlg = false; //PCサブメニュー
8        var spFlg = true; //スマートフォン
9        //カレンダー数
10        var pcCalCount = 2; //PC
11        var pcSubCalCount = 2; //PCサブメニュー
12        var spCalCount = 2; //スマートフォン
13        //カレンダー初回表示数
14        var pcShowCal = 1; //PC
15        var pcSubShowCal = 1; //PCサブメニュー
16        var spShowCal = 1; //スマートフォン
17        //カレンダー表示モード
18        var pcCalMode = 0;
19        var pcSubCalMode = 0;
20        var spCalMode = 0;
21
22        if (pcFlg) {
23            for (i = 1; i <= pcCalCount; i++) {
24                var pcHideFlg = false;
25                var pcSubHideFlg = false;
26                var spHideFlg = false;
27                if (i > pcShowCal) { pcHideFlg = true; }
28                if (i > pcSubShowCal) { pcSubHideFlg = true; }
29                if (i > spShowCal) { spHideFlg = true; }
30                $.createCal(apiUrl, i, pcCalMode, pcFlg, pcSubFlg, spFlg, pcHideFlg, pcSubHideFlg, spHideFlg);
31            }
32        }
33        return false;
34    });
35    //+++++++++++++++++++++++++++++++++++++++++++
36    // カレンダー切替イベント
37    //+++++++++++++++++++++++++++++++++++++++++++
38    $('#pcCalNextBtn').click(function (event) {
39        $.changeCal('pcCalBox', 1);
40        return false;
41    });
42    $('#pcCalBackBtn').click(function (event) {
43        $.changeCal('pcCalBox', 2);
44        return false;
45    });
46    $('#pcSubCalNextBtn').click(function (event) {
47        $.changeCal('pcSubCalBox', 1);
48        return false;
49    });
50    $('#pcSubCalBackBtn').click(function (event) {
51        $.changeCal('pcSubCalBox', 2);
52        return false;
53    });
54    $('#spCalNextBtn').click(function (event) {
55        $.changeCal('spCalBox', 1);
56        return false;
57    });
58    $('#spCalBackBtn').click(function (event) {
59        $.changeCal('spCalBox', 2);
60        return false;
61    });
62    $.changeCal = function (CtlName,Mode) {
63        if (Mode == 1) {
64            $('#' + CtlName + '1').hide();
65            $('#' + CtlName + '2').show();
66        } else {
67            $('#' + CtlName + '1').show();
68            $('#' + CtlName + '2').hide();
69        }
70        return false;
71    }
72    //+++++++++++++++++++++++++++++++++++++++++++
73    // createCal
74    //+++++++++++++++++++++++++++++++++++++++++++
75    $.createCal = function (apiUrl, idx, CalMode, pcFlg, pcSubFlg, spFlg, pcHideFlg, pcSubHideFlg, spHideFlg) {
76        var idx2 = idx - 1;
77        $.ajax({

78            url: apiUrl + CalMode + "/" + idx2 + "/",
79            type: "POST",
80            dataType: "jsonp",
81        })
82        .done(function (res) {
83            if (res.getflg) {
84                if (pcFlg) {
85                    if ($('#pcCalBox' + idx).length) {
86                        $('#pcCal' + idx).html(res.html);
87                        if ($('#pcYear' + idx).length) { $('#pcYear' + idx).prepend(res.year); }
88                        if ($('#pcMonth' + idx).length) { $('#pcMonth' + idx).prepend(res.month); }
89                        if (pcHideFlg) { $('#pcCalBox' + idx).hide(); }
90                    }
91                }
92                if (pcSubFlg) {
93                    if ($('#pcSubCalBox' + idx).length) {
94                        $('#pcSubCal' + idx).html(res.html);
95                        if ($('#pcSubYear' + idx).length) { $('#pcSubYear' + idx).prepend(res.year); }
96                        if ($('#pcSubMonth' + idx).length) { $('#pcSubMonth' + idx).prepend(res.month); }
97                        if (pcSubHideFlg) { $('#pcSubCalBox' + idx).hide(); }
98                    }
99                }
100                if (spFlg) {
101                    if ($('#spCalBox' + idx).length) {
102                        $('#spCal' + idx).html(res.html);
103                        if ($('#spYear' + idx).length) { $('#spYear' + idx).prepend(res.year); }
104                        if ($('#spMonth' + idx).length) { $('#spMonth' + idx).prepend(res.month); }
105                        if (spHideFlg) { $('#spCalBox' + idx).hide(); }
106                    }
107                }
108            }
109        })
110        return false;
111    }
112});