Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/asp.net/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 日期选择器ASP.NET_Jquery_Asp.net - Fatal编程技术网

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

我是jquery新手,如何使用jquery和ASP.NET使日期在点击按钮时显示在文本框中?日历会自动消失,但消失得很快,使用文本框可以正常工作吗?我的按钮脚本中还需要包括哪些内容? 我用过这个函数

<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"));
  }
});