The filter menu topic titled 'Show 24-Hour Time Format in Filter Dialog' has been updated

Author: Ranjani4311

ej2-asp-core-mvc/code-snippet/grid/filtering/filter-menu-format/razor

@@ -1,8 +1,14 @@
+@{
+    var FilterParams = new { @params = new Syncfusion.EJ2.Calendars.DateTimePicker
+    {
+        Format = "M/d/y HH:mm",
+    } };
+}
 @Html.EJS().Grid("grid").DataSource((IEnumerable<object>)ViewBag.dataSource).AllowFiltering().Height("300px").Columns(col =>
 {
     col.Field("OrderID").HeaderText("Order ID").Width("120").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Add();
-    col.Field("OrderDate").HeaderText("Order Date").Width("130").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Type("datetime").Format("M/d/y HH:mm").Add();
-    col.Field("ShippedDate").HeaderText("Shipped Date").Width("130").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Type("datetime").Format("M/d/y HH:mm").Add();
+    col.Field("OrderDate").HeaderText("Order Date").Width("130").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Type("datetime").Format("M/d/y HH:mm").Filter(FilterParams).Add();
+    col.Field("ShippedDate").HeaderText("Shipped Date").Width("130").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Type("datetime").Format("M/d/y HH:mm").Filter(FilterParams).Add();
     col.Field("ShipCountry").HeaderText("Ship Country").Width("120").Add();
 }).FilterSettings(filter => { filter.Type(Syncfusion.EJ2.Grids.FilterType.Menu); }).ActionComplete("actionComplete").Render()
 <script>

ej2-asp-core-mvc/code-snippet/grid/filtering/filter-menu-format/tagHelper

@@ -1,9 +1,17 @@
+@{
+    var FilterParams = new {
+        @@params = new Syncfusion.EJ2.Calendars.DateTimePicker
+        {
+            Format = "M/d/y HH:mm"
+        }
+    };
+}
 <ejs-grid id="grid" dataSource="@ViewBag.dataSource" allowFiltering="true" height="300px">
     <e-grid-filterSettings type="Menu"></e-grid-filterSettings>
     <e-grid-columns>
         <e-grid-column field="OrderID" headerText="Order ID"  textAlign="Right" width="100"></e-grid-column>
-        <e-grid-column field="OrderDate" headerText="Order Date" type="datetime" format="M/d/y HH:mm" textAlign="Right" width="120"></e-grid-column>
-        <e-grid-column field="ShippedDate" headerText="Shipped Date" type="datetime" format="M/d/y HH:mm" textAlign="Right" width="120"></e-grid-column>              
+        <e-grid-column field="OrderDate" headerText="Order Date" type="datetime" format="M/d/y HH:mm" filter="@(FilterParams)" textAlign="Right" width="120"></e-grid-column>
+        <e-grid-column field="ShippedDate" headerText="Shipped Date" type="datetime" format="M/d/y HH:mm" filter="@(FilterParams)" textAlign="Right" width="120"></e-grid-column>              
         <e-grid-column field="ShipCountry" headerText="ShipCountry" width="100"></e-grid-column>
     </e-grid-columns>
 </ejs-grid>