Dropdowncheckboxes和datepicker不在同一个aspx页面上一起工作 [英] Dropdowncheckboxes and datepicker are not working together on same aspx page
问题描述
我遇到的问题是，当我使用DropDownCheckBoxesLab和文本框来显示日历（（。。startDate）。datepicker）时，日历不会弹出/打开以选择日期。但是，如果我从代码中删除DropDownCheckBoxesLab，那么日历就可以了。使用两者是否存在兼容性问题，或者我在这里遗漏了什么？
这是我的代码：
I'm facing an issue that when I use DropDownCheckBoxesLab and a textbox to display calendar ((".startDate").datepicker) then calendar does not popup/opens to select date. However if I remove DropDownCheckBoxesLab from code, then the calendar works. Is there any compatibility issue using both or am I missing something here?
Here is my code:
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
<script type="text/javascript" language="javascript">
$(function () {
$(".startDate").datepicker({
changeMonth: true,
changeYear: true,
buttonImage: "/images/calendar.gif",
dateFormat: "dd-M-yy",
});
});
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<table width="100%" cellpadding="2" cellspacing="2">
<tr>
<td align="left" >
<cc1:DropDownCheckBoxes ID="DropDownCheckBoxesLab" runat="server"
ToolTip="Select Program" AddJQueryReference="True"
RepeatDirection="Horizontal" UseButtons="False" UseSelectAllNode="True" AutoPostBack="true" onselectedindexchanged="DropDownCheckBoxesLab_SelectedIndexChanged">
<Texts SelectBoxCaption="Select Program" />
</cc1:DropDownCheckBoxes>
</td>
<td align="left">
<asp:TextBox ID="TextBox1" runat="server" CssClass="startDate"> </asp:TextBox>
</td>
</tr>
</table>
</asp:Content>
我尝试将脚本部分放在asp：Content的末尾，但是结果是一样的。我在控制台中看到以下错误：
未捕获TypeError：$（...）。datepicker不是HTMLDocument中的函数
。< ;匿名> （ReportCostAndEffort.aspx：143）
at Object.resolveWith（WebResource.axd？d = iznuS5Sosk1 ... 00:16）
at Function.ready（WebResource.axd ？d = iznuS5Sosk1 ... 00:16）
$ HTML $ b在HTMLDocument.z（WebResource.axd？d = iznuS5Sosk1 ... 00:16）
当我在代码中添加以下行代码
然后日历开始工作，但是DropDownCheckBoxes停止工作。点击DropDownCheckBoxes，没有任何反应。我在控制台中收到错误Uncaught TypeError：
未捕获的TypeError：$（...）。hitch不是DropDownScript中的函数
。 initEvents
< b>我尝试了什么：< / b>
我试过将脚本部分放在asp：Content的末尾，但结果是相同的。我在控制台中看到以下错误：
未捕获TypeError：$（...）。datepicker不是HTMLDocument中的函数
。& ; LT;匿名&安培; GT; （ReportCostAndEffort.aspx：143）
at Object.resolveWith（WebResource.axd？d = iznuS5Sosk1 ... 00:16）
at Function.ready（WebResource.axd ？d = iznuS5Sosk1 ... 00:16）
$ HTML $ b在HTMLDocument.z（WebResource.axd？d = iznuS5Sosk1 ... 00:16）
当我在代码中添加以下行时
< script src =js / jquery-1.10.2.jstype =text / javascript>
然后日历开始工作，但DropDownCheckBoxes停止工作。点击DropDownCheckBoxes，没有任何反应。我在控制台中收到错误Uncaught TypeError：
未捕获的TypeError：$（...）。hitch不是DropDownScript中的函数
。 initEvents
I tried by placing the script section at the end of asp:Content, but results are same. I see below error in console:
Uncaught TypeError: $(...).datepicker is not a function
at HTMLDocument.<anonymous> (ReportCostAndEffort.aspx:143)
at Object.resolveWith (WebResource.axd?d=iznuS5Sosk1...00:16)
at Function.ready (WebResource.axd?d=iznuS5Sosk1...00:16)
at HTMLDocument.z (WebResource.axd?d=iznuS5Sosk1...00:16)
When i added below lines in code
then calendar started working, but DropDownCheckBoxes stopped working. On click of DropDownCheckBoxes, nothing happens. I get error Uncaught TypeError in console:
Uncaught TypeError: $(...).hitch is not a function
at DropDownScript.initEvents
<b>What I have tried:</b>
I tried by placing the script section at the end of asp:Content, but results are same. I see below error in console:
Uncaught TypeError: $(...).datepicker is not a function
at HTMLDocument.<anonymous> (ReportCostAndEffort.aspx:143)
at Object.resolveWith (WebResource.axd?d=iznuS5Sosk1...00:16)
at Function.ready (WebResource.axd?d=iznuS5Sosk1...00:16)
at HTMLDocument.z (WebResource.axd?d=iznuS5Sosk1...00:16)
When i added below lines in code
<script src="js/jquery-1.10.2.js" type="text/javascript">
then calendar started working, but DropDownCheckBoxes stopped working. On click of DropDownCheckBoxes, nothing happens. I get error Uncaught TypeError in console:
Uncaught TypeError: $(...).hitch is not a function
at DropDownScript.initEvents
推荐答案
（function（）{
(function () {
（。startDate）。datepicker（{
changeMonth： true，
changeYear：true，
buttonImage：/ images / calendar.gif，
dateFormat：dd-M-yy，
}）;
}）;
< / script>
< / asp：Content>
< asp：Content ID =Content2ContentPlaceHolderID =ContentPlaceHolder1runat =Server>
< asp：ScriptManager ID =ScriptManager1runat =server>
< / asp：ScriptManager>
< table width =100％cellpadding =2cellspacing =2>
< tr>
< td align =left>
< cc1：DropDownCheckBoxes ID =DropDownCheckBoxesLabrunat =server
ToolTip =Select ProgramAddJQueryReference =True
RepeatDirection =HorizontalUseButtons =FalseUseSelectAllNode = TrueAutoPostBack =trueonselectedindexchanged =DropDownCheckBoxesLab_SelectedIndexChanged>
< Texts SelectBoxCaption =选择程序/>
< / cc1：DropDownCheckBoxes>
< / td>
< td align =left>
< asp：TextBox ID =TextBox1runat =serverCssClass =startDate> < / ASP：文本框>
< / td>
< / tr>
< / table>
< / asp：Content>
(".startDate").datepicker({ changeMonth: true, changeYear: true, buttonImage: "/images/calendar.gif", dateFormat: "dd-M-yy", }); }); </script> </asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server"> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <table width="100%" cellpadding="2" cellspacing="2"> <tr> <td align="left" > <cc1:DropDownCheckBoxes ID="DropDownCheckBoxesLab" runat="server" ToolTip="Select Program" AddJQueryReference="True" RepeatDirection="Horizontal" UseButtons="False" UseSelectAllNode="True" AutoPostBack="true" onselectedindexchanged="DropDownCheckBoxesLab_SelectedIndexChanged"> <Texts SelectBoxCaption="Select Program" /> </cc1:DropDownCheckBoxes> </td> <td align="left"> <asp:TextBox ID="TextBox1" runat="server" CssClass="startDate"> </asp:TextBox> </td> </tr> </table> </asp:Content>
我尝试将脚本部分放在asp：Content的末尾，但是结果是一样的。我在控制台中看到以下错误：
未捕获TypeError：
I tried by placing the script section at the end of asp:Content, but results are same. I see below error in console:
Uncaught TypeError:
（...）。datepicker不是函数
。< anonymous> （ReportCostAndEffort.aspx：143）
at Object.resolveWith（WebResource.axd？d = iznuS5Sosk1 ... 00:16）
at Function.ready（WebResource.axd ？d = iznuS5Sosk1 ... 00:16）
$ HTML $ b在HTMLDocument.z（WebResource.axd？d = iznuS5Sosk1 ... 00:16）
当我在代码中添加以下行代码
然后日历开始工作，但是DropDownCheckBoxes停止工作。点击DropDownCheckBoxes，没有任何反应。我在控制台中收到错误Uncaught TypeError：
未捕获TypeError：
(...).datepicker is not a function
at HTMLDocument.<anonymous> (ReportCostAndEffort.aspx:143)
at Object.resolveWith (WebResource.axd?d=iznuS5Sosk1...00:16)
at Function.ready (WebResource.axd?d=iznuS5Sosk1...00:16)
at HTMLDocument.z (WebResource.axd?d=iznuS5Sosk1...00:16)
When i added below lines in code
then calendar started working, but DropDownCheckBoxes stopped working. On click of DropDownCheckBoxes, nothing happens. I get error Uncaught TypeError in console:
Uncaught TypeError:
这篇关于Dropdowncheckboxes和datepicker不在同一个aspx页面上一起工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
