Clock Picker在gridview文本框内不起作用。回发后没有显示clockpicker？ [英] Clock Picker not work inside the gridview textbox. and not show clockpicker after postback ?

问题描述

http：//weareoutman.github.io/c ... [ ^ ]

http://weareoutman.github.io/c...[^]

<asp:GridView ID="gvTiming" runat="server" CssClass="table table-striped table-bordered table-hover" 
                          AllowPaging="True" AllowSorting="True" DataKeyNames="PkTiming" ClientIDMode="Static"
                          AutoGenerateColumns="False" PageSize="5" OnSorting="gvTiming_Sorting" 
                             OnRowCancelingEdit="gvTiming_RowCancelingEdit" OnRowDeleting="gvTiming_RowDeleting" 
                             OnRowEditing="gvTiming_RowEditing" OnRowUpdating="gvTiming_RowUpdating" 
                             OnPageIndexChanging="gvTiming_PageIndexChanging" OnRowDataBound="gvTiming_RowDataBound" >
                              <Columns>
                                   <asp:TemplateField>
                                            <EditItemTemplate>
                                                <asp:ImageButton ID="ImgbtnBookUpdate" runat="server" CommandName="Update" ImageUrl="~/Images/update.jpg" ToolTip="Update" Height="20px" Width="20px"  ValidationGroup="gvValidate" />
                                                <asp:ImageButton ID="imgbtnBookCancel" runat="server" CommandName="Cancel" ImageUrl="~/Images/Cancel.jpg" ToolTip="Cancel" Height="20px" Width="20px" />
                                            </EditItemTemplate>
                                            <ItemTemplate>
                                                  <asp:ImageButton ID="imgbtnBookEdit" CommandName="Edit" runat="server" ImageUrl="~/Images/Edit.jpg" ToolTip="Edit" Height="20px" Width="20px" />
                                                  <asp:ImageButton ID="imgbtnBookDelete" CommandName="Delete" Text="Edit" runat="server" ImageUrl="~/Images/deleteimg.gif" ToolTip="Delete" Height="20px" Width="20px" />
                                            </ItemTemplate>
                                    </asp:TemplateField>
                                  <asp:TemplateField>
                                          <EditItemTemplate>
                                              <asp:HiddenField ID="hidField_Code" runat="server" Value='<%# Eval("FkVehicle") %>' />
                                          <asp:DropDownList ID="ddl_VehicleCode" runat="server" CssClass="form-control"
                                               OnSelectedIndexChanged="ddl_VehicleCode_SelectedIndexChanged" AutoPostBack="true" >
                                           </asp:DropDownList>
                                               <asp:Label ID="lblCodemsg" runat="server" style="color:red"></asp:Label>
                                              <asp:RequiredFieldValidator ID="rfvddl_VehicleCode" runat="server" 
                                                  ErrorMessage="Please Select Vehicle Code." ControlToValidate="ddl_VehicleCode" Display="Dynamic" Text="*"
                                                  SetFocusOnError="True" InitialValue="--Please Select--" ValidationGroup="gvValidate"></asp:RequiredFieldValidator>
                                          </EditItemTemplate>
                                     <HeaderTemplate>
                                         <asp:LinkButton ID="lnkbtnVehicleCode" runat="server" CommandArgument="Code" CommandName="Sort" Text="Vehicle Code"></asp:LinkButton>
                                         class="fa fa-sort">
                                         <br />
                                     </HeaderTemplate>
                                     <ItemTemplate>
                                         <asp:Label ID="lbl_VehicleCode" runat="server" Text='<%# Eval("Code") %>' ></asp:Label>
                                     </ItemTemplate>
                                 </asp:TemplateField>
                                  <asp:TemplateField>
                                          <EditItemTemplate>
                                              <asp:HiddenField ID="hidField_Driver" runat="server" Value='<%# Eval("FkDriver") %>' />
                                          <asp:DropDownList ID="ddl_Driver" runat="server" CssClass="form-control" 
                                              AutoPostBack="true" OnSelectedIndexChanged="ddl_Driver_SelectedIndexChanged">
                                              </asp:DropDownList>
                                                <asp:Label ID="lblDrivermsg" runat="server" style="color:red"></asp:Label>
                                                <asp:RequiredFieldValidator ID="rfvddl_ddl_Driver" runat="server" 
                                                  ErrorMessage="Please Select Driver Name" ControlToValidate="ddl_Driver" Display="Dynamic" Text="*"
                                                  SetFocusOnError="True" InitialValue="--Please Select--" ValidationGroup="gvValidate"></asp:RequiredFieldValidator>
                                           </EditItemTemplate>
                                     <HeaderTemplate>
                                         <asp:LinkButton ID="lnkbtnDriver" runat="server" CommandArgument="Name" CommandName="Sort" Text="Driver Name"></asp:LinkButton>
                                         class="fa fa-sort">
                                         <br />
                                     </HeaderTemplate>
                                     <ItemTemplate>
                                         <asp:Label ID="lbl_Driver" runat="server" Text='<%# Eval("Name") %>' ></asp:Label>
                                     </ItemTemplate>
                                 </asp:TemplateField>
                                   <asp:TemplateField>
                                       <EditItemTemplate>
                                          <asp:TextBox ID="txt_StartTime" runat="server" Text='<%# Eval("StartTime") %>' CssClass="form-control" ClientIDMode="Static"></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="rfv_StartTime" runat="server" ErrorMessage="Start Time is required." 
                                                Display="Dynamic" ControlToValidate="txt_StartTime" Text="*" ValidationGroup="gvValidate" ForeColor="Red"></asp:RequiredFieldValidator>
                                            <%--<asp:RegularExpressionValidator ID="rev_StartTime" runat="server" ErrorMessage="Not valid time in the format (HH:MM)" ValidationExpression="^([0-1]?[0-9]|[2][0-3]):([0-5][0-9])$" ControlToValidate="txt_StartTime" Display="Dynamic" ForeColor="Red" SetFocusOnError="True" ValidationGroup="gvValidate">*</asp:RegularExpressionValidator>--%>
                                            
                                          </EditItemTemplate>
                                     <HeaderTemplate>
                                         <asp:LinkButton ID="lnkbtnStartTime" runat="server" CommandArgument="StartTime" CommandName="Sort" Text="Start Time(hh:mm)"></asp:LinkButton>
                                         class="fa fa-sort">
                                         <br />
                                     </HeaderTemplate>
                                     <ItemTemplate>
                                         <asp:Label ID="lbl_StartTime" runat="server" Text='<%# Eval("StartTime") %>' ></asp:Label>
                                     </ItemTemplate>
                                 </asp:TemplateField>
                                   <asp:TemplateField>
                                       <EditItemTemplate>
                                         <asp:TextBox ID="txt_EndTime" runat="server" Text='<%# Eval("EndTime") %>' CssClass="form-control" ClientIDMode="Static"></asp:TextBox>
                                           <asp:RequiredFieldValidator ID="rfv_EndTime" runat="server" ErrorMessage="End Time is required." Display="Dynamic" ControlToValidate="txt_EndTime" Text="*" ValidationGroup="gvValidate" ForeColor="Red"></asp:RequiredFieldValidator>
                                        <%--<asp:RegularExpressionValidator ID="rev_EndTime" runat="server" ErrorMessage="Not valid time in the format (HH:MM)" ValidationExpression="^([0-1]?[0-9]|[2][0-3]):([0-5][0-9])$" ControlToValidate="txt_EndTime" Display="Dynamic" ForeColor="Red" SetFocusOnError="True" ValidationGroup="gvValidate">*</asp:RegularExpressionValidator>--%>
                                 <%--<asp:CompareValidator ID="cv_EndTime" runat="server" ErrorMessage="End time must be greater than start time. " Operator="GreaterThan" ControlToCompare="txt_StartTime" ControlToValidate="txt_EndTime"  Display="Dynamic" ForeColor="Red" SetFocusOnError="True" ValidationGroup="gvValidate">*</asp:CompareValidator>--%>
                                           <%--<asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="End time must be greater than start time."
                                                ControlToValidate="txt_EndTime" Display="Dynamic" ForeColor="Red" SetFocusOnError="True" 
                                               ValidationGroup="gvValidate" ClientValidationFunction="CompareTime()"></asp:CustomValidator>--%>
                                           <asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="End time should be greater than Start" Text="*"
                                               ClientValidationFunction="Compare" ControlToValidate="txt_EndTime" ValidationGroup="gvValidate"></asp:CustomValidator>
                                       </EditItemTemplate>
                                     <HeaderTemplate>
                                         <asp:LinkButton ID="lnkbtnEndTime" runat="server" CommandArgument="EndTime" CommandName="Sort" Text="End Time(hh:mm)"></asp:LinkButton>
                                         class="fa fa-sort">
                                         <br />
                                     </HeaderTemplate>
                                     <ItemTemplate>
                                         <asp:Label ID="lbl_EndTime" runat="server" Text='<%# Eval("EndTime") %>' ></asp:Label>
                                     </ItemTemplate>
                                 </asp:TemplateField>
                              </Columns>
                                <EmptyDataTemplate>
                                  <asp:Label ID = "lblEmptyMessage" Text="" runat="server" />
                              </EmptyDataTemplate>
                         </asp:GridView>

<script type="text/javascript">
 var GVstartTime = $("#txt_StartTime");
                         
                         
                           GVstartTime.clockpicker({
                               placement: 'bottom',
                               align: 'left',
                               autoclose: true,
                               'default': 'now'
                           });
                          
                           // Manually toggle to the minutes view
                           $('#check-minutes').click(function (e) {
                               // Have to stop propagation here
                               e.stopPropagation();
                              
                               GVstartTime.clockpicker('show')
                                       .clockpicker('toggleView', 'minutes');
                           


                               
                           });
</script

推荐答案

\" ControlToValidate=\"txt_StartTime\" Display=\"Dynamic\" ForeColor=\"Red\" SetFocusOnError=\"True\" ValidationGroup=\"gvValidate\">*</asp:RegularExpressionValidator>--%>

</EditItemTemplate< span class=\"code-keyword\">>
<HeaderTemplate>
<asp:LinkButton ID=\"lnkbtnStartTime\" runat=\"server\" CommandArgument=\"StartTime\" CommandName=\"Sort\" Text=\"Start Time(hh:mm)\"></asp:LinkButton>
class=\"fa fa-sort\">
<br />
</HeaderTemplate>
<ItemTemplate>
<asp:Label ID=\"lbl_StartTime\" runat=\"server\" Text='<%# Eval(\"StartTime\") %>' ></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<EditItemTemplate>
<asp:TextBox ID=\"txt_EndTime\" runat=\"server\" Text='<%# Eval(\"EndTime\") %>' CssClass=\"form-control\" ClientIDMode=\"Static\"></asp:TextBox>
<asp:RequiredFieldValidator ID=\"rfv_EndTime\" runat=\"server\" ErrorMessage=\"End Time is required.\" Display=\"Dynamic\" ControlToValidate=\"txt_EndTime\" Text=\"*\" ValidationGroup=\"gvValidate\" ForeColor=\"Red\"></asp:RequiredFieldValidator>
<%--<asp:RegularExpressionValidator ID=\"rev_EndTime\" runat=\"server\" ErrorMessage=\"Not valid time in the format (HH:MM)\" ValidationExpression=\"^([0-1]?[0-9]|[2][0-3]):([0-5][0-9])

" ControlToValidate="txt_StartTime" Display="Dynamic" ForeColor="Red" SetFocusOnError="True" ValidationGroup="gvValidate">*</asp:RegularExpressionValidator>--%> </EditItemTemplate> <HeaderTemplate> <asp:LinkButton ID="lnkbtnStartTime" runat="server" CommandArgument="StartTime" CommandName="Sort" Text="Start Time(hh:mm)"></asp:LinkButton> class="fa fa-sort"> <br /> </HeaderTemplate> <ItemTemplate> <asp:Label ID="lbl_StartTime" runat="server" Text='<%# Eval("StartTime") %>' ></asp:Label> </ItemTemplate> </asp:TemplateField> <asp:TemplateField> <EditItemTemplate> <asp:TextBox ID="txt_EndTime" runat="server" Text='<%# Eval("EndTime") %>' CssClass="form-control" ClientIDMode="Static"></asp:TextBox> <asp:RequiredFieldValidator ID="rfv_EndTime" runat="server" ErrorMessage="End Time is required." Display="Dynamic" ControlToValidate="txt_EndTime" Text="*" ValidationGroup="gvValidate" ForeColor="Red"></asp:RequiredFieldValidator> <%--<asp:RegularExpressionValidator ID="rev_EndTime" runat="server" ErrorMessage="Not valid time in the format (HH:MM)" ValidationExpression="^([0-1]?[0-9]|[2][0-3]):([0-5][0-9])

\" ControlToValidate=\"txt_EndTime\" Display=\"Dynamic\" ForeColor=\"Red\" SetFocusOnError=\"True\" ValidationGroup=\"gvValidate\">*</asp:RegularExpressionValidator>--%>
<%--<asp:CompareValidator ID=\"cv_EndTime\" runat=\"server\" ErrorMessage=\"End time must be greater than start time. \" Operator=\"GreaterThan\" ControlToCompare=\"txt_StartTime\" ControlToValidate=\"txt_EndTime\" Display=\"Dynamic\" ForeColor=\"Red\" SetFocusOnError=\"True\" ValidationGroup=\"gvValidate\">*</asp:CompareValidator>--%>
<%--<asp:CustomValidator ID=\"CustomValidator1\" runat=\"server\" ErrorMessage=\"End time must be greater than start time.\"
ControlToValidate=\"txt_EndTime\" Display=\"Dynamic\" ForeColor=\"Red\" SetFocusOnError=\"True\"
ValidationGroup=\"gvValidate\" ClientValidationFunction=\"CompareTime()\"></asp:CustomValidator>--%>
<asp:CustomValidator ID=\"CustomValidator1\" runat=\"server\" ErrorMessage=\"End time should be greater than Start\" Text=\"*\"
ClientValidationFunction=\"Compare\" ControlToValidate=\"txt_EndTime\" ValidationGroup=\"gvValidate\"></asp:CustomValidator>
</EditItemTemplate>
<HeaderTemplate>
<asp:LinkButton ID=\"lnkbtnEndTime\" runat=\"server\" CommandArgument=\"EndTime\" CommandName=\"Sort\" Text=\"End Time(hh:mm)\"></asp:LinkButton>
class=\"fa fa-sort\">
<br />
</HeaderTemplate>
<ItemTemplate>
<asp:Label ID=\"lbl_EndTime\" runat=\"server\" Text='<%# Eval(\"EndTime\") %>' ></asp:Label>
</ItemTemplate>
</asp:TemplateField>
</Columns>
<EmptyDataTemplate>
<asp:Label ID = \"lblEmptyMessage\" Text=\"\" runat=\"server\" />
</EmptyDataTemplate>
</asp:GridView>

" ControlToValidate="txt_EndTime" Display="Dynamic" ForeColor="Red" SetFocusOnError="True" ValidationGroup="gvValidate">*</asp:RegularExpressionValidator>--%> <%--<asp:CompareValidator ID="cv_EndTime" runat="server" ErrorMessage="End time must be greater than start time. " Operator="GreaterThan" ControlToCompare="txt_StartTime" ControlToValidate="txt_EndTime" Display="Dynamic" ForeColor="Red" SetFocusOnError="True" ValidationGroup="gvValidate">*</asp:CompareValidator>--%> <%--<asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="End time must be greater than start time." ControlToValidate="txt_EndTime" Display="Dynamic" ForeColor="Red" SetFocusOnError="True" ValidationGroup="gvValidate" ClientValidationFunction="CompareTime()"></asp:CustomValidator>--%> <asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="End time should be greater than Start" Text="*" ClientValidationFunction="Compare" ControlToValidate="txt_EndTime" ValidationGroup="gvValidate"></asp:CustomValidator> </EditItemTemplate> <HeaderTemplate> <asp:LinkButton ID="lnkbtnEndTime" runat="server" CommandArgument="EndTime" CommandName="Sort" Text="End Time(hh:mm)"></asp:LinkButton> class="fa fa-sort"> <br /> </HeaderTemplate> <ItemTemplate> <asp:Label ID="lbl_EndTime" runat="server" Text='<%# Eval("EndTime") %>' ></asp:Label> </ItemTemplate> </asp:TemplateField> </Columns> <EmptyDataTemplate> <asp:Label ID = "lblEmptyMessage" Text="" runat="server" /> </EmptyDataTemplate> </asp:GridView>

<script type="text/javascript">
 var GVstartTime =

(\"#txt_StartTime\");


GVstartTime.clockpicker({
placement: 'bottom',
align: 'left',
autoclose: true,
'default': 'now'
});

// Manually toggle to the minutes view

("#txt_StartTime"); GVstartTime.clockpicker({ placement: 'bottom', align: 'left', autoclose: true, 'default': 'now' }); // Manually toggle to the minutes view

这篇关于Clock Picker在gridview文本框内不起作用。回发后没有显示clockpicker？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！