Javascript 如果下拉菜单中的多个选择起作用,则日期选择器不起作用;如果日期选择器起作用,则多个选择不起作用
在我的应用程序中,我需要有多个选择的下拉列表以及下拉列表中的所有内容,以便使用下面链接中的代码 除了这个多重选择之外,我还应该为我在这个链接中使用代码的文本框设置日期选择器 问题是,如果我的下拉列表中有多选日期选择器不工作,如果日期选择器工作,多选不工作,我如何解决这个问题。有人能帮我吗 日期选择器代码Javascript 如果下拉菜单中的多个选择起作用,则日期选择器不起作用;如果日期选择器起作用,则多个选择不起作用,javascript,c#,jquery,asp.net,Javascript,C#,Jquery,Asp.net,在我的应用程序中,我需要有多个选择的下拉列表以及下拉列表中的所有内容,以便使用下面链接中的代码 除了这个多重选择之外,我还应该为我在这个链接中使用代码的文本框设置日期选择器 问题是,如果我的下拉列表中有多选日期选择器不工作,如果日期选择器工作,多选不工作,我如何解决这个问题。有人能帮我吗 日期选择器代码 <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> <scrip
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="Scripts/jquery.dynDateTime.min.js" type="text/javascript"></script>
<script src="Scripts/calendar-en.min.js" type="text/javascript"></script>
<link href="Styles/calendar-blue.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function () {
$("#<%=TextBox1.ClientID %>").dynDateTime({
showsTime: true,
ifFormat: "%Y/%m/%d %H:%M",
daFormat: "%l;%M %p, %e %m, %Y",
align: "BR",
electric: false,
singleClick: false,
displayArea: ".siblings('.dtcDisplayArea')",
button: ".next()"
});
});
</script>
<asp:TextBox ID="TextBox1" runat="server" ReadOnly = "true"></asp:TextBox>
<img src="calender.png" />
$(文档).ready(函数(){
$(“#”)。动态时间({
showsTime:是的,
iFormat:“%Y/%m/%d%H:%m”,
数据格式:“%l;%M%p,%e%M,%Y”,
对齐:“BR”,
电气:错,
单击:false,
显示区域:“.sibles('.dtcDisplayArea')”,
按钮:“.next()”
});
});
多选码
<asp:listbox runat="server" id="lstBoxTest" selectionmode="Multiple">
<asp:listitem text="Red" value="0"></asp:listitem>
<asp:listitem text="Green" value="1"></asp:listitem>
<asp:listitem text="Yellow" value="2"></asp:listitem>
<asp:listitem text="Blue" value="3"></asp:listitem>
<asp:listitem text="Black" value="4"></asp:listitem>
</asp:listbox>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="jquery.sumoselect.min.js"></script>
<link href="sumoselect.css" rel="stylesheet" />
<script type="text/javascript">
$(document).ready(function () {
$(<%=lstBoxTest.ClientID%>).SumoSelect({ selectAll: true });
});
</script>
<style type="text/css">
body {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #444;
font-size: 13px;
}
p, div, ul, li {
padding: 0px;
margin: 0px;
}
</style>
protected void btnGetSelectedValues_Click(object sender, EventArgs e)
{
string selectedValues = string.Empty;
foreach (ListItem li in lstBoxTest.Items)
{
if (li.Selected == true)
{
selectedValues += li.Text + ",";
}
}
Response.Write(selectedValues.ToString());
}
$(文档).ready(函数(){
$().SumoSelect({selectAll:true});
});
身体{
字体系列:“Helvetica Neue”,Helvetica,Arial,无衬线;
颜色:#444;
字体大小:13px;
}
p、 李国荣{
填充:0px;
边际:0px;
}
受保护的无效btnGetSelectedValues\u单击(对象发送方,事件参数e)
{
string selectedValues=string.Empty;
foreach(在lstBoxTest.Items中列出项目li)
{
如果(li.Selected==true)
{
selectedValues+=li.Text+“,”;
}
}
Response.Write(selectedValues.ToString());
}
您可以根据需要尝试datepicker和multiselect的工作示例。我已经在我的本地考试了
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>asdasd</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script src="https://www.aspsnippets.com/demos/361/Scripts/jquery.dynDateTime.min.js" type="text/javascript"></script>
<script src="https://www.aspsnippets.com/demos/361/Scripts/calendar-en.min.js" type="text/javascript"></script>
<link href="https://www.aspsnippets.com/demos/361/Styles/calendar-blue.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function () {
$("#<%=TextBox1.ClientID %>").dynDateTime({
showsTime: true,
ifFormat: "%Y/%m/%d %H:%M",
daFormat: "%l;%M %p, %e %m, %Y",
align: "BR",
electric: false,
singleClick: false,
displayArea: ".siblings('.dtcDisplayArea')",
button: ".next()"
});
});
</script>
<%--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>--%>
<script src="http://hemantnegi.github.io/jquery.sumoselect/javascripts/jquery.sumoselect.js"></script>
<link href="http://hemantnegi.github.io/jquery.sumoselect/stylesheets/sumoselect.css" rel="stylesheet" />
<script type="text/javascript">
$(document).ready(function () {
$(<%=lstBoxTest.ClientID%>).SumoSelect({ selectAll: true });
});
</script>
<style type="text/css">
body {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #444;
font-size: 13px;
}
p, div, ul, li {
padding: 0px;
margin: 0px;
}
</style>
</head>
<body>
<form runat="server">
<asp:TextBox ID="TextBox1" runat="server" ReadOnly="true"></asp:TextBox>
<img src="calender.png" />
<br />
<br />
<br />
<asp:ListBox runat="server" ID="lstBoxTest" SelectionMode="Multiple">
<asp:ListItem Text="Red" Value="0"></asp:ListItem>
<asp:ListItem Text="Green" Value="1"></asp:ListItem>
<asp:ListItem Text="Yellow" Value="2"></asp:ListItem>
<asp:ListItem Text="Blue" Value="3"></asp:ListItem>
<asp:ListItem Text="Black" Value="4"></asp:ListItem>
</asp:ListBox>
</form>
</body>
</html>
asdasd
$(文档).ready(函数(){
$(“#”)。动态时间({
showsTime:是的,
iFormat:“%Y/%m/%d%H:%m”,
数据格式:“%l;%M%p,%e%M,%Y”,
对齐:“BR”,
电气:错,
单击:false,
显示区域:“.sibles('.dtcDisplayArea')”,
按钮:“.next()”
});
});
$(文档).ready(函数(){
$().SumoSelect({selectAll:true});
});
身体{
字体系列:“Helvetica Neue”,Helvetica,Arial,无衬线;
颜色:#444;
字体大小:13px;
}
p、 李国荣{
填充:0px;
边际:0px;
}
请发布您的代码!你试过了,通过发布您的代码,堆栈溢出委员会成员将帮助您。我已经发布了我的完整代码,您能帮我找出提供链接而不是代码的原因是因为我们在这两个版本中都需要太多的脚本,如果我发布代码,这些脚本将无法下载。我认为jquery插件是冲突的,所以为什么日期时间选择器和下拉菜单盒子不能同时工作。