• 首页
  • 问答

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

    2023-07-08 10:41 37次浏览 问答

    下载地址：http://jqueryui。com/download，Theme选择Sunny
    界面代码：
    代码如下:
    <form><div align=”center”>
    <fieldset><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><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>
    最终界面：。

    1.文章《ASP.NET jQuery 实例14 在ASP.NET form中校验时间范围》援引自互联网，为网友投稿收集整理，仅供学习和研究使用，内容仅代表作者本人观点，与本网站无关，侵删请点击页脚联系方式。

    2.文章《ASP.NET jQuery 实例14 在ASP.NET form中校验时间范围》仅供读者参考，本网站未对该内容进行证实，对其原创性、真实性、完整性、及时性不作任何保证。

    相关推荐

    ↑