¿Cómo dar formato de fecha en un GridView con asp.net?

Con el fin de dar formato de fecha a una columna de un GridView utilizaremos Eval. Hay muchos formatos disponibles para los tipos de fecha y hora y en este artículo veremos algunos ejemplos que demuestran cómo dar formato DateTime y también todos los otros formatos de fecha y hora que se pueden utilizar según lo que usted requiera.

<asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource1">
            <HeaderTemplate>
                <table border="1">
                    <tr>
                        <th>CustomerID</th>
                        <th>ShipName</th>
                        <th>OrderDate</th>
                        <th>RequiredDate</th>
                        <th>ShippedDate</th>
                    </tr>
            </HeaderTemplate>
            <ItemTemplate>
                <tr>
                    <td><%# Eval("CustomerID")%></td>
                    <td><%# Eval("ShipName")%></td>
                    <td><%# Eval("OrderDate", "{0:dd/MM/yyyy}")%></td>
                    <td><%# Eval("RequiredDate", "{0:D}")%></td>
                    <td><%# Eval("ShippedDate", "{0:f}")%></td>
                </tr>
            </ItemTemplate>
            <FooterTemplate>
                </tabel>
            </FooterTemplate>
        </asp:Repeater>
            <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>" SelectCommand="SELECT top 10 [OrderID], [CustomerID], [ShipName], [OrderDate], [RequiredDate], [ShippedDate] FROM [Orders]"></asp:SqlDataSource>

            <asp:GridView ID="GridView1" runat="server" BackColor="White" BorderColor="White" BorderStyle="Ridge" BorderWidth="2px" CellPadding="3" CellSpacing="1" DataSourceID="SqlDataSource1" GridLines="None" AutoGenerateColumns="False" Height="191px" Width="742px">
                <Columns>
                    <asp:BoundField DataField="OrderID" HeaderText="OrderID" />
                    <asp:BoundField DataField="CustomerID" HeaderText="CustomerID" />
                    <asp:BoundField DataField="OrderDate" DataFormatString="{0:d}" HeaderText="OrderDate" SortExpression="OrderDate" />
                    <asp:BoundField DataField="ShippedDate" DataFormatString="{0:M}" HeaderText="ShippedDate" />
                    <asp:BoundField DataField="RequiredDate" DataFormatString="{0:g}" HeaderText="RequiredDate" />
                </Columns>
                <FooterStyle BackColor="#C6C3C6" ForeColor="Black" />
                <HeaderStyle BackColor="#4A3C8C" Font-Bold="True" ForeColor="#E7E7FF" />
                <PagerStyle BackColor="#C6C3C6" ForeColor="Black" HorizontalAlign="Right" />
                <RowStyle BackColor="#DEDFDE" ForeColor="Black" />
                <SelectedRowStyle BackColor="#9471DE" Font-Bold="True" ForeColor="White" />
                <SortedAscendingCellStyle BackColor="#F1F1F1" />
                <SortedAscendingHeaderStyle BackColor="#594B9C" />
                <SortedDescendingCellStyle BackColor="#CAC9C9" />
                <SortedDescendingHeaderStyle BackColor="#33276A" />
            </asp:GridView>
            <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>" SelectCommand="SELECT top 10 [OrderID], [CustomerID], [ShipName], [OrderDate], [RequiredDate], [ShippedDate] FROM [Orders]"></asp:SqlDataSource>

Estos ejemplos son con la base de datos Northwind, los que no cuenten con esta base de datos la pueden descargar de aquí.

La siguiente tabla muestra otros formatos de fecha que se pueden utilizar para dar formato a la fecha en las columnas de un GridView, Repeater, ListView, etc. según el requisito.