开源控件My97DatePicker的基本用法
My97DatePicker是用JS封装的一个开源的日期控件。它可以单独的显示日期,星期,带时间的日期等等。深受广大IT员儿们的青睐。最近做的一个项目中,需要用到日期查询的条件,但是我觉得VS自带的Calendar控件太丑了。。我就baidu了一下,发现了My97DatePicker这个控件。
【支持的浏览器】
IE 6.0+ , Firefox 2.0+ , Chrome, Opera 9.5+ , Safari 3.0+
【使用注意事项】
1.下载地址:http://www.jb51.net/jiaoben/18012.html
2.引入到你的项目中
3.要整个文件夹都引入,My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名My97DatePicker.htm是必须文件,不可删除
- WdatePicker.js 配置文件,在调用的地方仅需使用该文件,可多个共存,以xx_WdatePicker.js方式命名
- config.js 语言和皮肤配置文件,无需引入
- calendar.js 日期库主文件,无需引入
- My97DatePicker.htm 临时页面文件,不可删除
- 目录lang 存放语言文件,你可以根据需要清理或添加语言文件
- 目录skin 存放皮肤的相关文件,你可以根据需要清理或添加皮肤文件包
【demo】
<span style="font-family:KaiTi_GB2312;">根据日期查看我的订单:<input runat="server" id="theday" value="<%#mydate%>" class="Wdate" οnfοcus="WdatePicker({lang:'zh-cn',maxDate:new Date(),readOnly:true})" /></span>
<span style="font-family:KaiTi_GB2312;">public string mydate;
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
mydate = DateTime.Now.ToString("yyyy-MM-dd");
Page.DataBind();
//TODO:假数据
//Label1.Text = "程序员" + ",您好 ";
Label1.Text = Session["Username"].ToString() + ",您好 ";
BindOrder();
}</span>
<span style="font-family:KaiTi_GB2312;">private void BindOrder()
{
DataTable dt = new DataTable();
string ordertime = this.theday.Value;
//TODO:假数据
//string cardno = "E000196";
string cardno = Session["Admin"].ToString();
dt = new SelectFood().SelectOrderBytime(ordertime,cardno);//
anp.RecordCount = dt.Rows.Count; //记录总数
int startIndex = anp.StartRecordIndex; //开始记录数
int endIndex = anp.EndRecordIndex; //结束记录数
this.GridView1.DataSource = new SelectFood().SelectorderByPage(startIndex, endIndex, ordertime, cardno);
this.GridView1.DataBind();
}</span>
【其他日期显示】
<span style="font-family:KaiTi_GB2312;"><input type="text" id="abc" οnfοcus="WdatePicker({dateFmt:'yyyy年MM月dd日 HH时mm分ss秒'})" class="Wdate" style="width:300px"/></span>
<span style="font-family:KaiTi_GB2312;"><input type="text" id="abc" οnfοcus="WdatePicker({skin:'whyGreen',dateFmt:'H:mm:ss'})" class="Wdate"/></span>
<span style="font-family:KaiTi_GB2312;"><input id="d244" type="text" class="Wdate" οnfοcus="WdatePicker({dateFmt:'yyyy年M月d日',vel:'d244_2'})"/>
<input id="d244_2" type="text" /></span>
<span style="font-family:KaiTi_GB2312;"><input class="Wdate" type="text" οnfοcus="WdatePicker({doubleCalendar:true,dateFmt:'yyyy-MM-dd'})"/></span>
- 设置readOnly属性,可指定日期框是否只读
- 设置highLineWeekDay属性,可指定是否高亮周末
- 设置isShowOthers属性,可指定是否显示其他月的日期
- 加上class="Wdate"就会在选择框右边出现日期图标
【总结】
开源控件My97DatePicker的基本用法相关推荐
- wpf listview 添加控件_WPF开源控件扩展库 MaterialDesignExtensions
WPF开源控件扩展库 - MaterialDesignExtensions MaterialDesignExtensions仓库截图 logo Material Design Extensions 在 ...
- Android开源控件ViewPager Indicator的使用方法
1月16日厦门 OSC 源创会火热报名中,奖品多多哦 摘要 Android开源控件ViewPager Indicator的使用介绍 ViewPagerIndicator 目录[-] 1. V ...
- [原创]基于Extjs的开源控件库 - http://extaspnet.codeplex.com/
ExtAspNet ExtAspNet - ExtJS based ASP.NET Controls with Full AJAX Support ExtAspNet是一组专业的Asp.n ...
- wpf项目源代码_C# WPF开源控件库:MahApps.Metro
C# WPF开源控件库:MahApps.Metro ❝ 其实站长很久之前就知道这个开源WPF控件库了,只是一直欣赏不了这种风格,但也star了该项目.每次浏览该仓库时,发现star越来越多,也看到很多 ...
- SAP UI5 应用开发教程之六十 - SAP UI5 地图控件的一些高级用法试读版
一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
- C# WPF开源控件库:MahApps.Metro
❝ 其实站长很久之前就知道这个开源WPF控件库了,只是一直欣赏不了这种风格,但也star了该项目.每次浏览该仓库时,发现star越来越多,也看到很多网友对它的褒奖,所以今天就向大家推荐这款WPF控件库 ...
- WPF开源控件扩展库 - MaterialDesignExtensions
WPF开源控件扩展库 - MaterialDesignExtensions MaterialDesignExtensions仓库截图 logo Material Design Extensions 在 ...
- java 开源控件_一些好用的开源控件
工作两年,一直都在做些编码方面的表面功夫,实现了很多很炫的功能,在此写下一些体验.有些比较小的dll文件我会发上来,如果是开源组织的代码我会把地址附上,毕竟人家是会更新的.大家还有什么好用的开源控件欢 ...
- C#下使用第三方开源控件读取Excel文件的内容
使用了两个开源控件读取Excel文件的内容,不需要安装Excel或Office,开发环境可能需要vs2008(2005没测试过) NPOI, 读取xls文件(Excel2003及之前的版本 ...
- C# WPF开源控件库:Newbeecoder.UI使用指南(四)
输入文本框和按钮是开发软件中使用频率最高的两种控件,文本框作为输入数据控件,键盘上的字符都可以录入到文本框显示,允许用户编写一行或多行内容. 在WPF文本框有些常用的属性,比如:Text.Backgr ...
最新文章
- Python深入05 装饰器
- c语言设计通讯录管理程序,C语言程序的设计学生通讯录管理系统方案.docx
- 信息学奥赛一本通C++语言——1068:与指定数字相同的数的个数
- Javascript第三章数组Array常用方法第三课
- Fiddler内置命令
- [转载]GRADS画图
- 《转》微商48种加人方法
- 如何定住表格的第一列和第一行
- 从气电到光伏 新加坡如何走好清洁能源之路?
- 计算机c类地址是什么,ip地址中属于c类地址的是什么
- 【C语言】大厂指针笔试题(1码+1图)详解——程序结果判断题
- pandas 中处理日期相减问题
- STM32开发 -- W25Q32JV SPI FlASH详解
- Java正则表达式(详解)
- python程序怎样在windows运行
- 计算机应用基础 本科类 第二阶段b201609,江南大学。计算机应用基础(本科类)第一阶段B201609.doc...
- java电话门禁考勤系统_基于智能门禁考勤系统研究
- SPC 统计过程控制
- ibmmq 通道命令_IBM WebSphere MQ 7.5基本用法
- 张宇1000题线性代数 第八章 相似理论