当前位置: 首页 > 编程笔记 >

ASP.NET使用My97DatePicker日期控件实例

鞠修雅
2023-03-14
本文向大家介绍ASP.NET使用My97DatePicker日期控件实例,包括了ASP.NET使用My97DatePicker日期控件实例的使用技巧和注意事项,需要的朋友参考一下

.Net中默认提供了Calendar日期控件,但是它有一个缺陷,就是每次日历的显示,隐藏和用户的的选择日期都会造成回传。
 在网上找到My97DatePicker这个js日期控件,不错,和大家分享一下。 

My97DatePicker日期控件在网上很多都可以免费下载,也有该控件的网站 
把下载好的My97DatePicker.jar解压,黏贴到项目根目录下,当然这个位置大家可以自己设置 
我在根目录下新建了一个test.aspx页面 

源代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %> 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<mce:script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js" mce_src="My97DatePicker/WdatePicker.js" charset="gb2312"></mce:script> 
 
</head> 
<body> 
 <form id="form1" runat="server"> 
 <div> 
 <asp:TextBox ID="txtDate" runat="server" onClick="WdatePicker()"></asp:TextBox> 
  
 <br> 
 <hr/> 
 <asp:TextBox ID="TextBox1" runat="server" onClick="WdatePicker()"></asp:TextBox> 
 <img onclick="WdatePicker({el:$dp.$('TextBox1')})" src="My97DatePicker/skin/datePicker.gif" mce_src="My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle"> 
  
 <br> 
 <hr/> 
 <asp:TextBox ID="TextBox3" runat="server" onfocus="WdatePicker({isShowWeek:true})"/></asp:TextBox> 
 </div> 
 </form> 
</body> 
</html> 

上面代码中大家要注意:

<script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js" charset="gb2312"></script>
 

src="My97DatePicker/WdatePicker.js"指定WdatePicker.js你对应的路径

实例效果:

为大家附3个精彩的专题:

ASP.NET控件使用手册

ASP.NET数据绑定控件使用汇总

ASP.NET控件使用汇总

以上就是本文的全部内容,希望对大家的学习有所帮助。

 类似资料:
  • 本文向大家介绍ASP.NET My97DatePicker日期控件实现OA日期记事功能,包括了ASP.NET My97DatePicker日期控件实现OA日期记事功能的使用技巧和注意事项,需要的朋友参考一下 My97DatePicker日期控件是一个非常好用的日期控件,功能非常优秀的日期控件. 对实现页面刷新完善的很好,用日期控件时可以有比较好的享受,这次的OA日期记事功能也得益于此控件,具体效果

  • 本文向大家介绍JQuery日历插件My97DatePicker日期范围限制,包括了JQuery日历插件My97DatePicker日期范围限制的使用技巧和注意事项,需要的朋友参考一下 本文实例向大家介绍了JQuery日历插件My97DatePicker日期范围限制的方法,分享给大家供大家参考,具体内容如下 ```<input class="Wdate" id="d1" onclick="Wdate

  • 本文向大家介绍ASP.NET项目开发中日期控件DatePicker如何使用,包括了ASP.NET项目开发中日期控件DatePicker如何使用的使用技巧和注意事项,需要的朋友参考一下 前几天做项目的时候要用到日期控件,但是在ASP.NET中,没有封装日期控件,第一想法就是百度一下喽~,下面给大家分享如何使用这个控件,扩充一下自己的代码库。 首先需要大家下载一个DatePicker的JavaScri

  • 本文向大家介绍ASP.NET中repeater控件用法实例,包括了ASP.NET中repeater控件用法实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了ASP.NET中repeater控件用法。分享给大家供大家参考。具体实现方法如下: repeater绑定数据: 删除数据: 前台: 启用,禁用: 希望本文所述对大家的asp.net程序设计有所帮助。

  • 定义 展示当前时间往后的任意天数内的日期。 图片展示 代码演示 import Picker from 'pile/dist/components/picker' const {DatePeriodPicker} = Picker <DatePeriodPicker textvalue="可控制天数(年、月、日)" pickerAway = {function(e,t){ console

  • 定义 可控制开始和结束日期的时间组件。 图片展示 代码演示 import Picker from 'pile/dist/components/picker' const {DateRangePicker} = Picker <DateRangePicker textvalue= {timeValue} pickerAway={this.pickerFun} startData='1