Date Column

The DataGridDateColumn represents DateTimeOffset objects.

Example

The following example shows how to generate a DataGridDateColumn manually.

1. First, create the business object.

   Create the Data Model

       public class Data 
       { 
           public string Event { get; set; } 
           public DateTimeOffset Date { get; set; } 
       } 
   

2. The next step is to create some sample data.

   Create Sample Data

       public MainPage() 
       { 
           this.InitializeComponent(); 
           this.DataContext = new List<Data>() 
           { 
               new Data { Event = "Meeting", Date = new DateTimeOffset(2013, 3, 12, 14, 00, 0,new TimeSpan())}, 
               new Data { Event = "Lecture", Date = new DateTimeOffset(2013, 3, 12, 14, 30, 0,new TimeSpan())}, 
               new Data { Event = "Meeting", Date = new DateTimeOffset(2013, 3, 12, 15, 15, 0,new TimeSpan())}, 
               new Data { Event = "Conference", Date = new DateTimeOffset(2013, 3, 12, 16, 00, 0,new TimeSpan())} 
           }; 
       } 
   

3. To associate each column with the relevant property from the model, the example also uses the PropertyName property.

   Define the DataGrid in XAML

       <telerikGrid:RadDataGrid UserEditMode="Inline" ItemsSource="{Binding}" AutoGenerateColumns="False"> 
           <telerikGrid:RadDataGrid.Columns> 
               <telerikGrid:DataGridTextColumn PropertyName="Event" Header="Event"/> 
               <telerikGrid:DataGridDateColumn PropertyName="Date" Header="Date"/> 
           </telerikGrid:RadDataGrid.Columns> 
       </telerikGrid:RadDataGrid> 
   

   Date Column

Format

You can use the CellContentFormat property to format the Date and utilize any of the .NET Standard Date and Time Format Strings.

Define the Format in XAML

<telerikGrid:RadDataGrid UserEditMode="Inline" ItemsSource="{Binding}" AutoGenerateColumns="False"> 
    <telerikGrid:RadDataGrid.Columns> 
        <telerikGrid:DataGridTextColumn PropertyName="Event" Header="Event"/> 
        <telerikGrid:DataGridDateColumn PropertyName="Date" Header="Date" CellContentFormat="{}{0:M}" /> 
    </telerikGrid:RadDataGrid.Columns> 
</telerikGrid:RadDataGrid> 

Date Column Format