C# DateTimePicker Control

C# DateTimePicker Control

• C# DateTimePicker Control allows you to select date and time and show in specified format.
• It is very useful in developing the applications where you want user data in the form of date of birth.
• It behaves like  an interface where user can change the date and time information.
• The display of this control contains fields that are defined by the format string of the control.
• Creating a DateTimePicker control is very easy. Open your windows form application and drag and drop the DateTimePicker control from Toolbar that is appeared on the left side to your Form1.
• Or simply double click the DateTimePicker control, it will automatically be placed on your Form1 displayed on the screen.
• You can play with it and change its location in the given space of Form1 or resize it with the help of mouse.
• When you run the application, monthly calendar will be displayed on the screen, where you can see date, month year and day.
• You can select any date of your own choice. It will appear like the figure below.

• You can also change the format of the DateTimePicker control in the code. As you double click the Form1, following figure will appear.

• Simply put the following code under the Form1_Load function if you want to appear the date in this format i.e year/month/date.

  private void Form1_Load(object sender, EventArgs e)
        {
            dateTimePicker1.Format = DateTimePickerFormat.Custom;
            dateTimePicker1.CustomFormat = "yyyy/MM/dd";
        }

            dateTimePicker1.Format = DateTimePickerFormat.Custom;
            dateTimePicker1.CustomFormat = "dd/MM/yyyy";

• You can make your own custom time format by doing minor changing in code.
• Similarly, if you want the format where you want to show both date and time, you can use the following code.

            dateTimePicker1.Format = DateTimePickerFormat.Custom;
            dateTimePicker1.CustomFormat = "yyyy/MM/dd hh:mm:ss";

DateTimePicker Properties

• Setting the properties of DateTimePicker control is very easy. In order to open the properties of the DateTimePicker control just right click on the DateTimePicker control and select properties.
• Properties window will appear on the right side of the screen and it will appear like the figure below.

Name

• Name property defines the specific name of the DateTimePicker control which is user to access the control in the main code.
• In the figure above name of the DateTimePicker control is set as dateTimePicker1.

Location and Size Properties

• Location property defines the location of the DateTimePicker control with respect to x axis and y axis on the Form1.
• You can set values of your own choice by simply putting the values in the Location property box or you can move around the DateTimePicker control on the Form with the help of mouse.
• Size property defines the size of the DateTimePicker control. You can simply put the values of your own choice in the size property box or you can increase the size with the mouse by simply putting the cursor of the mouse of the right border of the control and expanding it towards right side or lower side.

Font and Format Properties

• Font property defines the text style of the DateTimePicker control.
• Go to the properties window and select the Font property.
• It will show font size with different font style. You can choose any style of your own choice.
• Similarly you can change the format of the DateTimePicker control. This control comes with four format including long, short, time and custom.

ShowChekBox and ShowUpDown Properties

• ShowCheckBox property allows the the control to be editable without using the calendar.
• This can be achieved by setting the ShowCheckBox as true.
• ShowUpDown property in the property window allows you to change the date and time by showing up and down value where you can increase and decrease the value of date and time.
• Set the ShowUpDown as true and modify the date and time of your own choice.
• When you set both ShowCheckBox and ShowUpDown as true and run the application, following figure will appear.

Value

• Value property of DateTimePicker control is widely used in C#.
• It stores the current value of date and current in the control.

Example 1

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;

namespace WindowsFormsApplication10
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void Form1_Load(object sender, EventArgs e)
        {
          
        }

        private void dateTimePicker1_ValueChanged(object sender, EventArgs e)
        {
            dateTimePicker1.Format = DateTimePickerFormat.Custom;
            dateTimePicker1.CustomFormat = "yyyy/MM/dd hh:mm:ss";
        }
        private void button1_Click(object sender, EventArgs e)
        {
            DateTime iDate;
            iDate = dateTimePicker1.Value;
            MessageBox.Show("Current date is " + iDate);
        }
     
    }
}

• When you run the application, and click the button, output will show in the following form.

How to Show Null Value in DateTimePicker Control

• It is important to note that we can not use null value in DateTimePicker control by default because it is a value type like int, bool, and float and it returns some value.
• You can make DateTimePicker control empty or it will show null value.
• First drag and drop one DateTimePicker control on the Form. Then right click on the DateTimePicker control and go to properties. Properties will appear on the right side of the screen.
• In the property window find the property "Format" and set it as Custom. Then find the property "CustomFormat" and simply add a space in the box. After you run the application it will show the empty box of DateTimePicker control.
• Or you can show DateTimePicker control empty by the following code.

 private void dateTimePicker1_ValueChanged(object sender, EventArgs e)
        {
            dateTimePicker1.Format = DateTimePickerFormat.Custom;

            if (dateTimePicker1.Checked == false)
            {
                dateTimePicker1.CustomFormat = " ";
            }
            else
            {
                dateTimePicker1.CustomFormat = "yyyy/MM/dd hh:mm:ss";
            }

• Before applying this code first we set ShowCheckBox as true in the property window of the DateTimePicker control. Then we apply this code.
• We are playing a trick here, we first set the format of the DateTimePicker as custom, then set the format text of the DateTimePicker as black space.
• This will do the trick and will set the DateTimePicker as blank when the box will be unchecked otherwise it will return some value.
• When you run this code output will appear like the figure below when ShowCheckBox is unchecked.