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 display the DatePicker and TimePicker combined in a GridColumn in SfDataGrid?

Currently, Xamarin.Forms does not provide a view that combines both the DatePicker and the TimePicker as one control, but however the two are available individually. 

SfDataGrid have a support for using DatePicker and TimePicker in a same column. It can be achieved by loading the DatePicker and TimePicker in a StackLayout in the GridTemplateColumn.

MainPage.Xaml

<sfgrid:GridTemplateColumn MappingName="ShippingDate">

     <sfgrid:GridTemplateColumn.CellTemplate>

        <DataTemplate>

           <StackLayout Orientation="Horizontal">

              <DatePicker Date="{Binding ShippingDate}" TextColor="Black"/>

              <TimePicker Time="{Binding ShippingTime}" TextColor="Black"/>

           </StackLayout>

      </DataTemplate>

   </sfgrid:GridTemplateColumn.CellTemplate>

</sfgrid:GridTemplateColumn>

 

Screenshot:

Sample Link: How to display a date time (combined) editor?

 

Article ID: Published Date: Last Revised Date: Platform: Control: Product Version:
7780 06/22/2017 06/22/2017 Xamarin.Forms SfDataGrid 13.4.0.53
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