We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to group a column with DateTime values without showing its time part in SfDataGrid?

SfDataGrid control allows you to group a column with DateTime data, however it will display the entire DateTime value including the time part in its cells, like in the following screenshot.

If you do not want to display the time part of the DateTime object then apply Format to the corresponding column. Refer the below code example.

 

GridTextColumn dateColumn = new GridTextColumn ();

dateColumn.MappingName="ShippingDate";

dateColumn.Format = "dd/M/yyyy";

grid.Columns.Add (dateColumn);


In the following screenshot note that only the date part is displayed for the ShippingDate column.



However you can still note that the time part is displayed in the caption summary row. If your requirement is to group by a date column and also to display only the date part in the caption, then you can achieve it by writing a converter to apply the custom grouping logic. Refer the below code example.

 

ViewController.cs

grid.GroupColumnDescriptions.Add(newGroupColumnDescription()

{

  ColumnName="ShippingDate",

  Converter=new GroupDateTimeConverter()

});

 

GroupDateTimeConverter.cs

public class GroupDateTimeConverter:IValueConverter

{               

   public object Convert (object value, Type targetType, object parameter, CultureInfo culture)

   {

      OrderInfo order = value as OrderInfo;

      return order.ShippingDate.ToString("dd/MM/yyyy");

   }

   

   public object ConvertBack (object value, Type targetType, object parameter, CultureInfo culture)

   {

      return null;

   }

}

 

The following screenshot shows the final outcome upon execution of the above code

Since we have returned a string value in the converter, the groups are sorted considering the GroupKey values as string. If you want to sort the groups considering it to be DateTime value then you need to write a SortComparer for it.

Refer the following code example to create a custom SortComparer

ViewController.cs

grid.SortComparers.Add (new SortComparer ()

{

   Comparer = new customSortComparer (),

  PropertyName = "ShippingDate"

});

 

grid.SortColumnDescriptions.Add (new SortColumnDescription ()

{

   ColumnName = "ShippingDate"

});

CustomSortComparer.cs

public class CustomSortComparer : IComparer<object>, ISortDirection

{

    public ListSortDirection SortDirection { get; set; }

    public CustomSortComparer()

    {

    }

    

    public int Compare(object x, object y)

    {

        DateTime dateX = DateTime.MaxValue;

        DateTime dateY = DateTime.MaxValue;

        if (x.GetType() == typeof(OrderInfo))

        {

            dateX = ((OrderInfo)x).ShippingDate;

            dateY = ((OrderInfo)y).ShippingDate;

        }

        else if (x.GetType() == typeof(Group))

        {

            dateX = DateTime.ParseExact(((Group)x).Key.ToString(), "dd/MM/yyyy", CultureInfo.InvariantCulture);

            dateY = DateTime.ParseExact(((Group)y).Key.ToString(), "dd/MM/yyyy", CultureInfo.InvariantCulture);

        }

        else

        {

            dateX = (DateTime)x;

            dateY = (DateTime)y;

        }

        if (DateTime.Compare(dateX, dateY) >= 0)

            return SortDirection == ListSortDirection.Ascending ? 1 : -1;

        else

            return SortDirection == ListSortDirection.Ascending ? -1 : 1;

    }

}

 

The following screenshot shows the final outcome without time and proper sort order

You can download the working sample for this KB from the below link
http://www.syncfusion.com/downloads/support/directtrac/general/ze/DateTime305345851

Article ID: Published Date: Last Revised Date: Platform: Control:
6223 02/08/2016 02/08/2016 Xamarin.iOS SfDataGrid
Did you find this information helpful?
Add Comment
You must log in to leave a comment

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon