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: November 16, 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?

Platform: Xamarin.Forms |
Control: SfDataGrid |
Published Date: June 22, 2017 |
Last Revised Date: June 22, 2017 |
Product Version: 13.4.0.53

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?

 
ADD COMMENT
You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

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