ASP.NET jQuery 实例14 在ASP.NET form中校验时间范围

下载地址：http://jqueryui.com/download，Theme选择Sunny 界面代码：复制代码代码如下: <form id="form1" runat="server"> <div align="center"> <fieldset style="width: 400px; height: 150px"> <table border="0" cellpadding="3" cellspacing="3"> <tr> <td colspan="2"> 请输入日期范围： </td> </tr> <tr> <td> 开始时间： </td> <td> <asp:TextBox ID="txtStartDate" runat="server"></asp:TextBox> </td> </tr> <tr> <td> 结束时间： </td> <td> <asp:TextBox ID="txtEndDate" runat="server"></asp:TextBox> </td> </tr> <tr> <td colspan="2"> <asp:Button ID="btnSubmit" runat="server" Text="提交" /> <asp:Button ID="btnReset" runat="server" Text="重置" /> </td> </tr> </table> </fieldset> </div> </form> 脚本代码：复制代码代码如下: <head id="Head1" runat="server"> <title>Recipe14</title> <link rel="Stylesheet" href="Styles/sunny/jquery-ui-1.8.17.custom.css" /> <script type="text/javascript" src="Scripts/jquery-1.4.1-vsdoc.js"></script> <script type="text/javascript" src="Scripts/jquery-ui-1.8.17.custom.min.js"></script> <script type="text/javascript"> $(function () { $("#txtStartDate").datepicker(); $("#txtEndDate").datepicker(); $("#btnSubmit").click(function (e) { e.preventDefault(); var startdate = Date.parse($("#txtStartDate").val()); var enddate = Date.parse($("#txtEndDate").val()); if (startdate > enddate) { alert("开始时间不能大于结束时间!"); } }); $("#btnReset").click(function (e) { e.preventDefault(); $("#txtStartDate").val(""); $("#txtEndDate").val(""); }); }); </script> </head> 最终界面：

　　推荐阅读

　　jQuery.extend 函数详解

JQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。一、Jquery的扩展方法原型是:　　　复制代码代码如下: extend(dest,src>>>详细阅读

本文标题：ASP.NET jQuery 实例14 在ASP.NET form中校验时间范围

地址：http://www.17bianji.com/kaifa2/JS/23665.html

1/2 1