ListView(ASP.NET)中的DatePicker(Jquery)

uqjltbpv  于 2023-04-05  发布在  jQuery
关注(0)|答案(1)|浏览(83)

我需要在ListView中的一个列中放置一个日期选择器。我有日期文本框,但我不知道如何在Javascript中控制它并显示日期选择器。我知道Jquery有日期选择器。如果有人能指导我,我会很高兴。谢谢!下面是我的设计师代码:

asp:listview runat="server" ID="lsvPermits" 
             ItemPlaceholderID="itemApplication" DataKeyNames="PERMIT_TYPE_ID" style="width:100%">
            <LayoutTemplate>
                <table class="ListView_Style" cellspacing="0" border="1" style="border-collapse:collapse">
                    <tr class="ListView_Style ListView_HeaderStyle" >
                        <th align="center" scope="col" style="width: 10%;">
            <asp:Label runat="server" ID="lblHeaderPurchase" Suffix="?"
                                    Text="[Purchase?]"></asp:Label>                                    
                        </th>
                        <th align="center" scope="col" style="width: 10%;">
                            <asp:Label runat="server" ID="lblHeaderPERMIT_TYPE_DESC" 
                                Text="[PERMIT TYPE DESCRIPTION]" >
                            </asp:Label>
                        </th>                                
                    <asp:PlaceHolder ID="itemApplication" runat="server"></asp:PlaceHolder>
                </table>
            </LayoutTemplate>
            <ItemTemplate>
                <tr runat="server" id="trItem" >
                    <td valign="middle" style="white-space: nowrap; text-align:center;">
                        <Asp:RadioButton runat="server" ID="rbtnPermit" />                                                                                               
                        <td valign="middle" style="white-space: nowrap; text-align:center;">
                             <%# CheckNull(Eval("PERMIT_TYPE_DESC"))%>
                        </td>
                        <td valign="middle" style="white-space: nowrap; text-align:center;">
                  <asp:TextBox ID="txtDate" runat="server"></asp:TextBox>
                              
                        </td>   
                    </td> 
                </tr>
                <tr runat="server" ID="trMatchRow" >                           
                </tr>
            </ItemTemplate>
            <EmptyDataTemplate>
                <table class="ListView_Style" cellspacing="0" align="left" rules="all" border="1"
                    style="width: 100%; border-collapse: collapse;">
                    <tr >
                        <th align="center" scope="col" style="width: 10%;">
            <asp:Label runat="server" ID="lblHeaderPurchase" Suffix="?"
                                    Text="[Purchase?]"></asp:Label>                                    
                        </th>
                        <th align="center" scope="col" style="width: 10%;">
                            <asp:Label runat="server" ID="lblHeaderPERMIT_TYPE_DESC" 
                                Text="[PERMIT TYPE DESCRIPTION]" >
                            </asp:Label>
                        </th>           
                    </tr>
                    <tr id="MatchRow0">
                        <td style= "text-align:center;" colspan="8" class="hideBorder">
                            <asp:Label runat="server" ID="lblNoRecords" 
                                 Text="[There are no records to display]" >
                            </asp:Label>
                        </td>
                    </tr>
                </table>
            </EmptyDataTemplate>
        </asp:listview>
r1wp621o

r1wp621o1#

好吧,我假设你想有一个日期选择器的txtDate?
使用内置的一个-这是相当不错的
所以,只需将textmode添加到此:

<asp:TextBox ID="txtDate" runat="server" TextMode="Date">
 </asp:TextBox>

结果是这样的:

相关问题