手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >ASP.NET jQuery 实例14 在ASP.NET form中校验时间范围
ASP.NET jQuery 实例14 在ASP.NET form中校验时间范围
摘要:下载地址:http://jqueryui.com/download,Theme选择Sunny界面代码:复制代码代码如下:请输入日期范围:开始...

下载地址:http://jqueryui.com/download,Theme选择Sunny

界面代码:

复制代码 代码如下:

<form id="form1" runat="server">

<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 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>

最终界面:

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

【ASP.NET jQuery 实例14 在ASP.NET form中校验时间范围】相关文章:

在网页中屏蔽快捷键

两个SUBMIT按钮,如何区分处理

纯javascript制作日历控件

JavaScript判断数组是否包含指定元素的方法

10条建议帮助你创建更好的jQuery插件

JQuery boxy插件在IE中边角图片不显示问题的解决

如何控制框架页的滚动

Backbone.js的一些使用技巧

Javascipt中处理字符串之big()方法的使用

通过JavaScript脚本复制网页上的一个表格

精品推荐
分类导航