Jquery 日期选择器ASP.NET
我是jquery新手,如何使用jquery和ASP.NET使日期在点击按钮时显示在文本框中?日历会自动消失,但消失得很快,使用文本框可以正常工作吗?我的按钮脚本中还需要包括哪些内容? 我用过这个函数Jquery 日期选择器ASP.NET,jquery,asp.net,Jquery,Asp.net,我是jquery新手,如何使用jquery和ASP.NET使日期在点击按钮时显示在文本框中?日历会自动消失,但消失得很快,使用文本框可以正常工作吗?我的按钮脚本中还需要包括哪些内容? 我用过这个函数 <script type="text/javascript" language="javascript"> $(document).ready(dateselect) function dateselect() { var date1 = $("#Butt
<script type="text/javascript" language="javascript">
$(document).ready(dateselect)
function dateselect()
{
var date1 = $("#Button1").datepicker();
}
</script>
<asp:Button ID="Button1" runat="server" Text="Button" />
$(文档).ready(日期选择)
函数dateselect()
{
var date1=$(“#按钮1”).datepicker();
}
试试这个
<script type="text/javascript">
$(document).ready(function() {
$("#txtDate").datepicker({
showOn: 'button',
buttonText: 'Show Date',
buttonImageOnly: true,
buttonImage: 'http://jqueryui.com/demos/datepicker/images/calendar.gif'
});
});
</script>
<input type='text' id='txtDate' />
$(文档).ready(函数(){
$(“#txtDate”).datepicker({
showOn:'按钮',
buttonText:“显示日期”,
buttonImageOnly:正确,
buttonImage:'http://jqueryui.com/demos/datepicker/images/calendar.gif'
});
});
它很好用我试过这个
<script type="text/javascript">
$(document).ready(function() {
$("#txtDate").datepicker({
showOn: 'button',
buttonText: 'Show Date',
buttonImageOnly: true,
buttonImage: 'http://jqueryui.com/demos/datepicker/images/calendar.gif'
});
});
</script>
<input type='text' id='txtDate' />
$(文档).ready(函数(){
$(“#txtDate”).datepicker({
showOn:'按钮',
buttonText:“显示日期”,
buttonImageOnly:正确,
buttonImage:'http://jqueryui.com/demos/datepicker/images/calendar.gif'
});
});
它工作得很好,我已经尝试过这个Javascript:
<script type="text/javascript">
$(function() {
$("#<%= txtFrom.ClientID %>").datepicker({
showmonth:true,
autoSize: true,
showAnim: 'slideDown',
duration: 'fast'
});
$("#<%= ImageButton1.ClientID %>").click(function() {
$("#<%= txtFrom.ClientID %>").datepicker('show');
});
});
</script>
<asp:TextBox ID="txtFrom" MaxLength="10" runat="server" ToolTip="Enter From Date">
</asp:TextBox>
<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/Images/clock_add.gif" />
来源:Javascript:
<script type="text/javascript">
$(function() {
$("#<%= txtFrom.ClientID %>").datepicker({
showmonth:true,
autoSize: true,
showAnim: 'slideDown',
duration: 'fast'
});
$("#<%= ImageButton1.ClientID %>").click(function() {
$("#<%= txtFrom.ClientID %>").datepicker('show');
});
});
</script>
<asp:TextBox ID="txtFrom" MaxLength="10" runat="server" ToolTip="Enter From Date">
</asp:TextBox>
<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/Images/clock_add.gif" />
来源:请发布生成/呈现的HTML。ASP.NET服务器标记对于调试客户端脚本问题无效。请发布生成/呈现的HTML。ASP.NET服务器标记对于调试客户端脚本问题是无用的。非常感谢您,但问题是,只要我单击“图像”按钮,日期选择器就会出现并突然显示,甚至不允许选择日期。问题很简单,我正在编辑我的答案,请查看。您需要使用
返回false
。感谢您的慷慨。非常感谢,不客气。如果它对您有帮助,请不要忘记标记。我已经标记了它,我再次需要咨询您,如果我需要两个图像按钮和两个文本框,第一个文本框中的开始日期变为开始日期,第二个文本框中只有文本框1中日期后的日期变为开始日期,该怎么办?非常感谢您,但问题是,只要我点击图像按钮,日期选择器就会出现,并突然显示出来,甚至不允许选择日期。问题很简单,我正在编辑我的答案,请查看。您需要使用返回false
。感谢您的慷慨。非常感谢,不客气。如果它对您有帮助,请不要忘记标记。我已经标记了它,我再次需要咨询您,如果我需要两个图像按钮和两个文本框,第一个文本框中的开始日期变为开始日期,第二个文本框中只有文本框1中日期后的日期变为开始日期?@gdoron抱歉,我现在看不到链接,它已被删除,我只是想这样做说什么是需要编辑垃圾邮件answer@gdoron对不起,我现在看不到链接,它已经被删除了。我只是想说,编辑垃圾邮件的答案需要什么
$("#txtStartDate").datepicker({
showOn: "both",
onSelect: function(dateText, inst){
$("#txtEndDate").datepicker("option","minDate",
$("#txtStartDate").datepicker("getDate"));
}
});