このクイックスタートでは、CalendarView コントロールと DateEdit コントロールの使用に取りかかります。そのために、WinForms アプリケーションを作成し、それに CalendarView コントロールと DateEdit コントロールを追加し、CalendarView から DateEdit に日付を入力します。

このクイックスタートでは、CalendarView を DateEdit に連結して日付を入力します。ただし、DateEdit のカレンダーポップアップから DateEdit に日付を直接入力することもできます。  

コントロールの使用をすぐに開始するには、次の手順に従います。

1. CalendarView および DateEdit コントロールをアプリケーションに追加する
2. CalendarView および DateEdit コントロールをカスタマイズする
3. CalendarView から DateEdit に日付を入力するコードを追加する

次の図は、CalendarView コントロールから今日の日付を選択して DateEdit コントロールに表示したところです。

手順 1：CalendarView および DateEdit コントロールをアプリケーションに追加する

1. Visual Studio で Windows フォームアプリケーションを作成します。
2. C1CalendarView コントロールをツールボックスからアプリケーションにドラッグアンドドロップします。
3. C1DateEdit コントロールをツールボックスからアプリケーションにドラッグアンドドロップします。

手順 2:CalendarView および DateEdit コントロールをカスタマイズする

1. コードビューに切り替えます。
2. 次のコードを追加して、C1Calendarview および DateEdit の場所、サイズ、背景色をカスタマイズします。
   • Visual Basic
   • C#

   • Visual Basic

   ' CalendarViewの位置を設定します
   C1CalendarView1.Location = New System.Drawing.Point(300, 152)
   
   ' CalendarViewの背景色を設定します
   C1CalendarView1.Theme.Common.BackColor =
       System.Drawing.Color.FromArgb(CInt(CByte(224)),
                                     CInt(CByte(224)),
                                     CInt(CByte(224)))
   
   ' CalendarViewを非表示にします
   C1CalendarView1.Visible = False
   
   ' DateEditのサイズと位置を設定します
   C1DateEdit1.Size = New System.Drawing.Size(150, 20)
   C1DateEdit1.Location = New System.Drawing.Point(330, 126)
   

   • C#

    // CalendarViewの位置を設定します
   // c1CalendarView1.Location = new System.Drawing.Point(300, 152);
   
    // CalendarViewの背景色を設定します
    c1CalendarView1.Theme.Common.BackColor = System.Drawing.Color.FromArgb
                                                (((int)(((byte)(224)))),
                                                ((int)(((byte)(224)))),
                                                ((int)(((byte)(224)))));
    // CalendarViewを非表示にします
    c1CalendarView1.Visible = false;
   
    // DateEditのサイズと位置を設定します
   // c1DateEdit1.Size = new System.Drawing.Size(150, 20);
    c1DateEdit1.Location = new System.Drawing.Point(330, 126);
   

先頭に戻る

手順 3: CalendarView から DateEdit に日付を入力するコードを追加する

Private Sub Form1_Load(sender As Object, e As EventArgs)
    ' テキストボックスのClickイベントを処理します
    AddHandler c1DateEdit1.Click, AddressOf c1DateEdit1_Click

    ' CalendarViewのSelectionChangedイベントを処理します
    AddHandler c1CalendarView1.SelectionChanged, AddressOf CalendarView_SelectionChanged

    c1CalendarView1.Visible = False

    ' DateEditのカレンダーポップアップを非表示にします
    c1DateEdit1.ShowDropDownButton = False
End Sub
Private Sub c1DateEdit1_Click(sender As Object, e As EventArgs)
    c1CalendarView1.Visible = True
    AddHandler c1CalendarView1.SelectionChanged, AddressOf CalendarView_SelectionChanged
End Sub

Private Sub CalendarView_SelectionChanged(sender As Object, e As EventArgs)
    ' CalendarViewから選択した日付をテキストボックスに入力します
    If c1CalendarView1.Visible Then
        c1DateEdit1.Text = c1CalendarView1.SelectedDates(0).ToShortDateString()
    End If

    ' CalendarViewを非表示にします
    c1CalendarView1.Hide()
End Sub

private void Form1_Load(object sender, EventArgs e)
{
    // テキストボックスのClickイベントを処理します
    c1DateEdit1.Click += c1DateEdit1_Click;

    // CalendarViewのSelectionChangedイベントを処理します
    c1CalendarView1.SelectionChanged += CalendarView_SelectionChanged;

    c1CalendarView1.Visible = false;

    // DateEditのカレンダーポップアップを非表示にします
    c1DateEdit1.ShowDropDownButton = true;
}
private void c1DateEdit1_Click(object sender, EventArgs e)
{
    //c1CalendarView1.Visible = true;
    //c1CalendarView1.SelectionChanged += CalendarView_SelectionChanged;
}

private void CalendarView_SelectionChanged(object sender, EventArgs e)
{
    // CalendarViewから選択した日付をテキストボックスに入力します
    if (c1CalendarView1.Visible)
        c1DateEdit1.Text = c1CalendarView1.SelectedDates[0].ToShortDateString();

    // CalendarViewを非表示にします 
    c1CalendarView1.Hide();
}

先頭に戻る