カレンダー上で選択できる日付を制限したい

画面表示 - カレンダー

カレンダー上で選択できる日付を制限したい

カレンダー上では、選択可能な日付を制限することができます。
最小日付と、最大日付の指定を行い、この範囲の日付のみ選択することができます。
また、選択不可能な日付は、自動的にグレーアウトされて表示されます。

【実行結果①】

【実行結果②】

【実行結果③】

Form ScD0194 {
 x = 0;
 y = 0;
 width = 343;
 height = 292;
 bgColor = new Brush("#ffffffff", Brush.SOLID);
 
 Calendar calendar1 {
  x = 23;
  y = 62;
  width = 284;
  height = 209;
        # 現在日付の背景色変更
        setBgColor( new Date(), "RED" );
        # 選択可能な最大日付を設定（1ヶ月後）
        maximum = new Date().addMonths(1);
        # 選択可能な最小日付を設定（1ヶ月前）
        minimum = new Date().addMonths(-1);
        
        function onSelectionChanged(e){
            # 選択された日付取得
            var selDate = e.from.selected;
            ^.lb_date.value = selDate.toDateString();
            
            # 選択された曜日取得
            ^.lb_day.title = selDate.getDay();
            
            ^.lb_holiday.value = (day == 6 || day == 0) ? "休日" : "平日";
        }
 }
    
 Label lb_date {
  x = 23;
  y = 16;
  width = 147;
  height = 34;
  verticalAlign = ALIGN_MIDDLE;
  font = new Font("メイリオ", 18);
  bgColor = new Brush("#c82561e3", Brush.DENSE2);
  fgColor = "#ffffffff";
  horizontalAlign = ALIGN_CENTER;
        value = new Date().toDateString();
 }
 
 Label lb_day {
  x = 175;
  y = 16;
  width = 66;
  height = 34;
        font = new Font("メイリオ", 18);
        bgColor = new Brush("#c82561e3", Brush.DENSE2);
  fgColor = "#ffffffff";
  horizontalAlign = ALIGN_CENTER;
        title = new Date().getDay();
        value &= title == 1 ? "Mon"
                    : title == 2 ? "Tue"
                    : title == 3 ? "Wed"
                    : title == 4 ? "Thu"
                    : title == 5 ? "Fri"
                    : title == 6 ? "Sat"
                    : title == 0 ? "Sun" : "";
 }
 
 Label lb_holiday {
  x = 246;
  y = 16;
  width = 66;
  height = 34;
        font = new Font("メイリオ", 18);
        bgColor = new Brush("#c82561e3", Brush.DENSE2);
  fgColor = "#ffffffff";
  horizontalAlign = ALIGN_CENTER;
        var day = new Date().getDay();
        value = (day == 6 || day == 0) ? "休日" : "平日";
 }
}


		Biz-Collections Bizの宝箱トップへ
		Biz/Browser DT・Biz/Designer DT TIPS集トップへ