MonthCalendar

[C#] MonthCalendarで複数日付選択できるようにする方法

C#のMonthCalendarコントロールで複数の日付を選択するには、SelectionModeプロパティを設定します。

デフォルトでは、MonthCalendarは単一の日付しか選択できませんが、SelectionRangeプロパティを使用して範囲を指定することで複数の日付を選択可能にできます。

具体的には、MaxSelectionCountプロパティを設定して、選択可能な日数の上限を指定します。

例えば、MaxSelectionCountを7に設定すると、最大で7日間の範囲を選択できます。

これにより、ユーザーはカレンダー上で連続した複数の日付を選択できるようになります。

目次から探す

複数日付選択の設定方法
実装手順
応用例
まとめ

複数日付選択の設定方法

MaxSelectionCountプロパティの設定

MaxSelectionCountプロパティは、MonthCalendarコントロールで選択できる最大日数を設定するためのプロパティです。

このプロパティを設定することで、ユーザーが選択できる日付の範囲を制限できます。

以下は、MaxSelectionCountを設定するサンプルコードです。

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        
        // MonthCalendarコントロールの最大選択日数を設定
        monthCalendar1.MaxSelectionCount = 5; // 最大5日間選択可能
    }
}

このコードを実行すると、ユーザーは最大で5日間の日付を選択できるようになります。

SelectionRangeプロパティの活用

SelectionRangeプロパティは、MonthCalendarで選択されている日付の範囲を取得または設定するために使用されます。

このプロパティを利用することで、特定の範囲の日付を選択することができます。

以下は、SelectionRangeを設定するサンプルコードです。

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        
        // MonthCalendarコントロールの選択範囲を設定
        DateTime startDate = new DateTime(2023, 10, 1); // 開始日
        DateTime endDate = new DateTime(2023, 10, 5);   // 終了日
        monthCalendar1.SelectionRange = new SelectionRange(startDate, endDate);
    }
}

このコードを実行すると、MonthCalendarには2023年10月1日から10月5日までの範囲が選択されます。

複数日付選択の制限と注意点

複数日付を選択する際には、いくつかの制限や注意点があります。

以下に主なポイントをまとめます。

ポイント	説明
最大選択日数	`MaxSelectionCount`で制限を設定する必要がある。
選択範囲の取得	`SelectionRange`を使用して選択範囲を取得できる。
ユーザーインターフェース	選択可能な日付を明示的に示すことが重要。

これらのポイントを考慮することで、ユーザーにとって使いやすい日付選択機能を実装できます。

実装手順

MonthCalendarの配置

まず、Visual StudioのWindowsフォームアプリケーションで、MonthCalendarコントロールをフォームに配置します。

以下の手順で行います。

ツールボックスを開く: Visual Studioの左側にあるツールボックスを表示します。
MonthCalendarを選択: ツールボックスから MonthCalendar コントロールを見つけます。
フォームにドラッグ&ドロップ: MonthCalendarをフォーム上にドラッグし、適切な位置に配置します。

配置が完了したら、次のステップに進みます。

プロパティの設定手順

MonthCalendarコントロールのプロパティを設定することで、ユーザーが選択できる日付の範囲や表示方法をカスタマイズできます。

以下の手順でプロパティを設定します。

プロパティウィンドウを開く: フォームデザイナーでMonthCalendarを選択し、右側のプロパティウィンドウを表示します。
MaxSelectionCountの設定: MaxSelectionCountプロパティを見つけ、選択可能な最大日数を設定します。
SelectionRangeの設定: SelectionRangeプロパティを設定する場合は、開始日と終了日を指定します。

これにより、MonthCalendarの基本的な設定が完了します。

コードによる設定方法

プロパティの設定をコードで行うことも可能です。

以下は、MonthCalendarの配置とプロパティ設定をコードで行うサンプルです。

partial class MyForm : Form
{
    private MonthCalendar monthCalendar1;
    public MyForm()
    {
        InitializeComponent();
        
        // MonthCalendarのインスタンスを作成
        monthCalendar1 = new MonthCalendar();
        
        // MonthCalendarの位置とサイズを設定
        monthCalendar1.Location = new Point(10, 10); // フォーム内の位置
        monthCalendar1.Size = new Size(250, 200);    // サイズ設定
        
        // 最大選択日数を設定
        monthCalendar1.MaxSelectionCount = 5; // 最大5日間選択可能
        
        // MonthCalendarをフォームに追加
        this.Controls.Add(monthCalendar1);
    }
}

このコードを実行すると、フォームにMonthCalendarが表示され、最大5日間の日付を選択できるようになります。

これにより、プログラム的にMonthCalendarを設定する方法が理解できます。

応用例

特定の曜日を選択可能にする

特定の曜日のみを選択可能にするためには、DateSelectedイベントを利用して、選択された日付が特定の曜日であるかを確認し、他の曜日の選択を無効にすることができます。

以下は、月曜日と金曜日のみを選択可能にするサンプルコードです。

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        monthCalendar1.DateSelected += MonthCalendar1_DateSelected;
    }
    private void MonthCalendar1_DateSelected(object sender, DateRangeEventArgs e)
    {
        // 選択された日付が月曜日または金曜日でない場合
        if (e.Start.DayOfWeek != DayOfWeek.Monday && e.Start.DayOfWeek != DayOfWeek.Friday)
        {
            // 選択を解除
            monthCalendar1.SetDate(DateTime.Now); // 現在の日付に戻す
            MessageBox.Show("月曜日または金曜日を選択してください。");
        }
    }
}

このコードを実行すると、ユーザーは月曜日または金曜日のみを選択できるようになります。

選択範囲の色を変更する

選択範囲の色を変更するには、Paintイベントを利用してカスタム描画を行います。

以下は、選択範囲の背景色を変更するサンプルコードです。

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        monthCalendar1.Paint += MonthCalendar1_Paint;
    }
    private void MonthCalendar1_Paint(object sender, PaintEventArgs e)
    {
        // 選択範囲の背景色を変更
        Rectangle selectionRect = monthCalendar1.GetSelectionRangeRectangle();
        using (Brush brush = new SolidBrush(Color.LightBlue)) // 背景色を水色に設定
        {
            e.Graphics.FillRectangle(brush, selectionRect);
        }
    }
}

このコードを実行すると、選択範囲の背景色が水色に変更され、視覚的に選択範囲がわかりやすくなります。

選択された日付のイベント処理

選択された日付に対して特定の処理を行うには、DateSelectedイベントを利用します。

以下は、選択された日付を表示するサンプルコードです。

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        monthCalendar1.DateSelected += MonthCalendar1_DateSelected;
    }
    private void MonthCalendar1_DateSelected(object sender, DateRangeEventArgs e)
    {
        // 選択された日付を表示
        MessageBox.Show($"選択された日付: {e.Start.ToShortDateString()}");
    }
}

このコードを実行すると、ユーザーが日付を選択するたびに、その日付がポップアップで表示されます。

これにより、選択された日付に基づいて他の処理を行うことができます。