Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on May 17th, 2012  |  syntax: None  |  size: 8.81 KB  |  hits: 13  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. Whats wrong with this jQuery Date picker code?
  2. [Root]
  3.   - [Pages]
  4.      - MasterPage.Master
  5.      - GoodsReceived.aspx
  6.   - [WebControls]
  7.      - [PageControls]
  8.        - PopupBatchEntry.ascx
  9.        
  10. <link href="../App_Themes/Default/Style.css" rel="stylesheet" type="text/css" />
  11. <link href="../JavaScripts/jquery-ui.css" rel="stylesheet" type="text/css" />
  12. <script src="../JavaScripts/jquery.min.js" type="text/javascript"></script>
  13. <script src="../JavaScripts/jquery-ui.min.js" type="text/javascript"></script>
  14.        
  15. <script src="../../JavaScripts/jquery.min.js" type="text/javascript"></script>
  16. <script src="../../JavaScripts/jquery-ui.min.js" type="text/javascript"></script>
  17.        
  18. <asp:GridView ID="gvBatchDetails" runat="server" AutoGenerateColumns="False" EnableModelValidation="True">
  19.                                     <Columns>
  20.  
  21.                                         <asp:TemplateField HeaderText="Use By">
  22.                                             <EditItemTemplate>
  23.                                                 <asp:TextBox ID="txtUseBy" runat="server" Text='<%# Bind("UseBy", "{0:dd/MM/yyyy}") %>'
  24.                                                     Width="80px" CssClass="datePicker"></asp:TextBox>
  25.                                                 <%--                                                <cc1:CalendarExtender ID="txtUseBy_CalendarExtender" runat="server"
  26.                                                     Enabled="True" Format="dd/MM/yyyy" TargetControlID="txtUseBy">
  27.                                                 </cc1:CalendarExtender>--%>
  28.                                                 <asp:RequiredFieldValidator ID="valSellByReq" runat="server" ControlToValidate="txtUseBy"
  29.                                                     ErrorMessage="* Required" Display="Dynamic"></asp:RequiredFieldValidator>
  30.                                             </EditItemTemplate>
  31.                                             <ItemTemplate>
  32.                                                 <asp:Label ID="Label3" runat="server" Text='<%# Bind("UseBy", "{0:dd/MM/yyyy}") %>'></asp:Label>
  33.                                             </ItemTemplate>
  34.                                             <HeaderStyle HorizontalAlign="Left" />
  35.                                             <ItemStyle HorizontalAlign="Left" />
  36.                                         </asp:TemplateField>
  37.                                         <asp:TemplateField HeaderText="Sell By">
  38.                                             <EditItemTemplate>
  39.                                                 <asp:TextBox ID="txtSellBy" runat="server" Text='<%# Bind("SellBy", "{0:dd/MM/yyyy}") %>'
  40.                                                     Width="80px" CssClass="datePicker"></asp:TextBox>
  41.                                                 <%--                                                <cc1:CalendarExtender ID="txtSellBy_CalendarExtender" runat="server" Enabled="True"
  42.                                                     Format="dd/MM/yyyy" TargetControlID="txtSellBy">
  43.                                                 </cc1:CalendarExtender>--%>
  44.                                                 <asp:RequiredFieldValidator ID="valSellByRequired" runat="server" ControlToValidate="txtSellBy"
  45.                                                     ErrorMessage="* Required" Display="Dynamic"></asp:RequiredFieldValidator>
  46.                                             </EditItemTemplate>
  47.                                             <ItemTemplate>
  48.                                                 <asp:Label ID="Label4" runat="server" Text='<%# Bind("SellBy", "{0:dd/MM/yyyy}") %>'></asp:Label>
  49.                                             </ItemTemplate>
  50.                                             <HeaderStyle HorizontalAlign="Left" />
  51.                                             <ItemStyle HorizontalAlign="Left" />
  52.                                         </asp:TemplateField>
  53.                                         <asp:TemplateField HeaderText="Quantity Delivered">
  54.                                             <EditItemTemplate>
  55.                                                 <asp:TextBox ID="txtQuantityDelivered" runat="server" Text='<%# Bind("QuantityDelivered") %>'
  56.                                                     Width="75px"></asp:TextBox>
  57.                                                 <asp:RequiredFieldValidator ID="valQuantityRequired" runat="server" ControlToValidate="txtQuantityDelivered"
  58.                                                     ErrorMessage="* Required" Display="Dynamic"></asp:RequiredFieldValidator>
  59.                                                 <asp:RangeValidator ID="valQuantityRange" runat="server" ControlToValidate="txtQuantityDelivered"
  60.                                                     ErrorMessage="* Invalid" MinimumValue="0" Type="Double" CultureInvariantValues="True"
  61.                                                     Display="Dynamic"></asp:RangeValidator>
  62.                                             </EditItemTemplate>
  63.                                             <ItemTemplate>
  64.                                                 <asp:Label ID="Label5" runat="server" Text='<%# Bind("QuantityDelivered") %>'></asp:Label>
  65.                                             </ItemTemplate>
  66.                                             <HeaderStyle HorizontalAlign="Right" />
  67.                                             <ItemStyle HorizontalAlign="Right" />
  68.                                         </asp:TemplateField>
  69.                                         <asp:TemplateField ShowHeader="False">
  70.                                             <EditItemTemplate>
  71.                                                 <table class="BorderlessTable">
  72.                                                     <tr>
  73.                                                         <td>
  74.                                                             <asp:Button ID="Button1" runat="server" CausesValidation="True" CommandName="Update"
  75.                                                                 Text="Update" />
  76.                                                         </td>
  77.                                                         <td>
  78.                                                             <asp:Button ID="Button2" runat="server" CausesValidation="False" CommandName="Cancel"
  79.                                                                 Text="Cancel" />
  80.                                                         </td>
  81.                                                     </tr>
  82.                                                 </table>
  83.                                             </EditItemTemplate>
  84.                                             <ItemTemplate>
  85.                                                 <table class="BorderlessTable">
  86.                                                     <tr>
  87.                                                         <td>
  88.                                                             <asp:Button ID="Button1" runat="server" CausesValidation="False" CommandName="Edit"
  89.                                                                 Text="Edit" />
  90.                                                         </td>
  91.                                                         <td>
  92.                                                             <asp:Button ID="Button2" runat="server" CausesValidation="False" CommandName="Delete"
  93.                                                                 Text="Delete" />
  94.                                                         </td>
  95.                                                     </tr>
  96.                                                 </table>
  97.                                             </ItemTemplate>
  98.                                         </asp:TemplateField>
  99.                                     </Columns>
  100.                                 </asp:GridView>
  101.        
  102. //Configure dates when the page is loaded
  103. $(document).ready(configureDates);
  104.  
  105. //Add handler toend request
  106. var prm = Sys.WebForms.PageRequestManager.getInstance();
  107. prm.add_endRequest(configureDates);
  108.  
  109. //Configure all date picker text boxes
  110. function configureDates() {
  111.  
  112.     var datePickers = $('.datePicker');
  113.  
  114.     if ($(datePickers).length > 0) {
  115.         $(datePickers).datepicker({ dateFormat: "dd/mm/yy" });   <--- ERROR IS HERE
  116.     }
  117. }
  118.        
  119. <link href='<%= Page.ResolveUrl("~/App_Themes/Default/Style.css")%>' rel="stylesheet" type="text/css" />
  120. <link href='<%= Page.ResolveUrl("~/JavaScripts/jquery-ui.css")%>' rel="stylesheet" type="text/css" />
  121. <script src='<%= Page.ResolveUrl("~/JavaScripts/jquery.min.js")%>' type="text/javascript"></script>
  122. <script src='<%= Page.ResolveUrl("~/JavaScripts/jquery-ui.min.js")%>' type="text/javascript"></script>
  123.  
  124.  
  125. //Configure all date picker text boxes
  126. function configureDates() {
  127.  
  128.     $('.datePicker').datepicker("option", "dateFormat", "dd/mm/yy");
  129.  
  130. }
  131.        
  132. $('.datePicker').each(function(idx, obj) {
  133.     $(obj).datepicker({ dateFormat: "dd/mm/yy" });
  134. });