Jquery的日期时间选择器不能与母版

jQuery的日期选择器是不是在用户控件通过母版工作....挣扎了很多工作.....Jquery的日期时间选择器不能与母版

母版

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %> 
    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %> 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 

<head runat="server"> 
    <title>Master Page</title> 
    <link href="App_Themes/LMSTheme/Style.css" rel="stylesheet" type="text/css" /> 
    <link type="text/css" rel="stylesheet" href="../App_Themes/LMSTheme/jquery-ui-1.8.16.custom.css" /> 

    <script type="text/javascript" src="../Scripts/jquery-1.6.2.min.js"></script> 

    <script type="text/javascript" src="../Scripts/jquery-ui-1.8.16.custom.min.js"></script> 

    <script src="Scripts/ui.datepicker.js" type="text/javascript"></script> 

    <style>.Hide{ display:none;}</style> 
</head> 
<body> 
    <form id="form1" runat="server"> 
     <div class="divcontent"> 
      <table width="100%"> 
       <tr height="400px" valign="top"> 
        <td width="10px"> 
        </td> 
        <td> 
         <asp:ContentPlaceHolder ID="WorkArea" runat="server"> 
         </asp:ContentPlaceHolder> 
        </td> 
       </tr> 
      </table> 
     </div> 
    </form> 
</body> 
</html>

这是我的用户：

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="HRApproveSwipeLeave.ascx.cs" 
    Inherits="HRApproveSwipeLeave" %> 
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %> 
<link type="text/css" rel="stylesheet" href="../App_Themes/LMSTheme/jquery-ui-1.8.16.custom.css" /> 
<script type="text/javascript" src="../Scripts/jquery-1.6.2.min.js"></script> 
<script type="text/javascript" src="../Scripts/jquery-ui-1.8.16.custom.min.js"></script> 
<script src="../../Scripts/ui.datepicker.js" type="text/javascript"></script> 
<script language="javascript" type="text/javascript"> 
    $(document).ready(function() { 
     $('#txtDate').datepicker({changeMonth: true, 
      changeYear: true}); 
    }); 
</script> 

<div class="demo"> 
    <asp:TextBox ID="txtDate" runat="server"></asp:TextBox> 
</div>

这是ASPX，而我叫thourgh母版页.....

<%@ Page Language="C#" AutoEventWireup="true" Theme="LMSSkinFile" MasterPageFile="~/MasterPage.master" CodeFile="HRApprovSwipeLeave.aspx.cs" Inherits="HRApprovSwipeLeave" Title="ApproveSwipeLeave"%> 
<%@ Register Src="UserControl/HRApproveSwipeLeave.ascx" TagName="HRApproveSwipeLeave" TagPrefix="LMS" %> 
<asp:Content ID="LMS_HRApproveSwipeLeave" ContentPlaceHolderID="WorkArea" runat="Server"> 
    <asp:UpdatePanel ID="UpdatePanel" runat="server" UpdateMode="Conditional"> 
     <contenttemplate> 
    <table> 
     <tr> 
      <td class="BoldCopy"> 
       <asp:Label ID="WelcomeUserName" runat="server" Visible="false"></asp:Label>     
      </td> 
     </tr>  
    </table> 
    <table> 
     <tr> 
      <td>     
       <asp:Label ID="ApproveSwipeLeave" Font-Bold=true ForeColor=red runat="server"></asp:Label>  
      </td> 
     </tr> 
     <tr> 
      <td>     
       <LMS:HRApproveSwipeLeave ID="LMSHRApproveSwipeLeave" runat="server" /> 
      </td> 
     </tr> 
      </table> 
     </contenttemplate> 
    </asp:UpdatePanel> 
</asp:Content>

注意：jquery时间选择器，当我通过用户控件运行时，它并不是在所有射击..如果我创建一个示例aspx，并且它正在工作....我不会在哪里更改代码主页或ascx或aspx..for你的参考我已发送three.please帮助解决...我正在挖这个很多.....

来源

2011-09-08 Kajah User

你确认您的document.ready（）获取调用？ –

你的pblm是在调用jquery –

你说的“如果我创建一个样本aspx并且它正在工作”的母版页。你能发布“sample aspx”吗？ –

以下代码正在为我工作。

母版页

<head runat="server"> 
<%--JQUERY--%> 

<link rel = "Stylesheet" href ="../jquery-ui-1.8.13.custom/development-bundle/demos/demos.css" /> 
<link rel = "Stylesheet" href ="../jquery-ui-1.8.13.custom/development-bundle/themes/base/jquery.ui.all.css" /> 

<script language="javascript" src="script.js"> </script> 

<script src="../Scripts/jquery-1.6.1.js" type="text/javascript"></script> 
<script src="../Scripts/jquery-ui-1.8.13.custom.min.js" type="text/javascript"></script> 

<%--JQUERY--%>

客户端页面

<asp:Content ID="Content1" ContentPlaceHolderID="maincontent" Runat="Server"> 
    <script type ="text/javascript"> 
     $(function() { 

      $("#<%= txtDate.ClientID %>").datepicker(); 

     }); 

    </script> 

     <div id ="divname"> 

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

     </div> 
    </asp:Content>

来源

2011-11-07 03:33:04 Nathaniel

它不工作的原因是因为你的控制生成ID可能不是#txtDate。如果你想保持它，请将其ClientIDMode属性设置为Static。否则，使用不同的jquery选择器。

来源

2011-09-08 13:31:13 Malevolence

好心帮助我应该在哪里更改代码... –

或编辑我的代码请挖掘很多...在此 –

我cahanged $（'＃txtDate'）。datepicker，$（“＃<％= txtFromDate.ClientID ％>“）。datepicker，$（'input [name = txtFromDate]'）。datepicker .....但是没有用.. –

Jquery的日期时间选择器不能与母版

回答

相关问题