当前位置:u赢电竞手机版 > uwin电竞app官网下载 > ASP.NET项目开发中日期控件DatePicker如何使用uwin电

ASP.NET项目开发中日期控件DatePicker如何使用uwin电

文章作者:uwin电竞app官网下载 上传时间:2019-05-19

前几天做项目的时候要用到日期控件,但是在ASP.NET中,没有封装日期控件,第一想法就是百度一下喽~,下面给大家分享如何使用这个控件,扩充一下自己的代码库。

我们开发ASP.NET站点时,如果将jQuery UI Datepicker与ASP.NET的验证控件(如:RequiredFieldValidator)组合使用:

首先需要大家下载一个DatePicker的JavaScript的文件,解压文件包,放于所需的项目文件夹下,直接放到JS的文件夹下(没有的话直接粘贴进来就可以),然后在要用的界面里面引用这个DatePicker的WdatePicker.JS文件。

复制代码 代码如下:

uwin电竞app官网下载 1

<asp:TextBox ID="txtDate" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ID="reqDate" runat="server" ControlToValidate="txtDate" ErrorMessage="*"></asp:RequiredFieldValidator>
<script type="text/javascript">$("#<%= txtDate.ClientID %>").datepicker();
</script>

 图一 界面展示

那么当我们在Datepicker中选择某个日期时就会出现“'length'为空或不是对象”的错误。这由于Datepicker的bug造成的,经过我的研究,找到了一个很简单的解决方法——捕获Datepicker的onSelect事件,但不做任何处理:

前台代码:

复制代码 代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="datepickertest.aspx.cs" Inherits="DatePickertest2.datepickertest" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>文本框</title>
  <%--引用DatePicker的JS文件--%>
  <script src="My97DatePicker/WdatePicker.js"></script>
</head>
<body>
  <form id="form1" runat="server">
  <div>
   <%--添加文本框--%>
    <asp:TextBox ID="TextBox1" runat="server" onclick="WdatePicker()"></asp:TextBox>
    <input id="Text1" type="text" class="Wdate" onFocus="WdatePicker({lang:'zh-cn'})" />
    <input class="Wdate" id="d1" onclick="WdatePicker()" />
  </div>
  </form>
</body>
</html>

$("#<%= txtDate.ClientID %>").datepicker({
onSelect: function(dateText, inst) {
// 不做任何处理
}
});

本文由u赢电竞手机版发布于uwin电竞app官网下载,转载请注明出处:ASP.NET项目开发中日期控件DatePicker如何使用uwin电

关键词: