色番号：　■ 休診　#B3DDFF　／　■ 午後休診　#dfd8cf　／　■ 臨時休診　#d7f1b8

calendar_002

シンプルなHTMLのテーブルで作ったカレンダー

BiNDupのテーブルパーツで作っているのでコピペして月ごとのカレンダーを配置できます。カラムごとにカレンダーを配置し、パソコン・スマホでの横並びの数はブロック設定の「カラム構成」で設定します。calendar_001とテーブルは同じで、CSSが異なるものです。
 

  • インポートしたページ内にカレンダー表示のためのCSSをカスタムタグで入れています。
  • カスタムタグを開いて数値や色番号などを変更することで調整可能です。
  • スマホでは横に２つ並ぶ設定を想定しているため、CSSでスマホ時の文字サイズ、内余白を設定しています。横に並べない時には文字サイズ・内余白を調整してください。
  • 休診、午後休診、臨時休診の項目名や色は任意に変更してください。
  • 色の設定はテーブルエディタで変更したい日をクリックして、セルの設定の「背景色」で指定します。

CSSはこのブロックにあります

2025年　日曜始まり

日 月 火 水 木 金 土
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  
             

１月

日 月 火 水 木 金 土
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28  
             

２月

日 月 火 水 木 金 土
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31          

３月

日 月 火 水 木 金 土
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30      
             

４月

日 月 火 水 木 金 土
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
             

５月

日 月 火 水 木 金 土
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30          
             

６月

日 月 火 水 木 金 土
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31    
             

７月

日 月 火 水 木 金 土
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31            

８月

日 月 火 水 木 金 土
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30        
             

９月

日 月 火 水 木 金 土
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  
             

１０月

日 月 火 水 木 金 土
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30            

１１月

日 月 火 水 木 金 土
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31      
             

１２月

■ 休診　■ 午後休診　■ 臨時休診　

2025年　月曜始まり

月 火 水 木 金 土 日
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31    
             

１月

月 火 水 木 金 土 日
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28    
             

２月

月 火 水 木 金 土 日
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31            

３月

月 火 水 木 金 土 日
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30        
             

４月

月 火 水 木 金 土 日
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  
             

５月

月 火 水 木 金 土 日
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30            

６月

月 火 水 木 金 土 日
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31      
             

７月

月 火 水 木 金 土 日
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
             

８月

月 火 水 木 金 土 日
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30          
             

９月

月 火 水 木 金 土 日
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31    
             

１０月

月 火 水 木 金 土 日
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
             

１１月

月 火 水 木 金 土 日
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31        
             

１２月

■ 休診　■ 午後休診　■ 臨時休診