ASP.NET 使用日期控件_十四贝勒的博客-程序员宅基地_asp.net 日期控件

技术标签: html  javascript  

ASP.NET 使用My97DatePicker日期控件

首先要下载该控件的包,下载地址:http://pan.baidu.com/s/1Aa5gk

引用文件

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

目录详情

image

常规调用

 <input id="d11" type="text" class="text" onclick="WdatePicker()"  /><input id="d11" type="text" class="text" οnclick="WdatePicker()"  />

image

通过position属性,自定义弹出位置

 <input class="Wdate" type="text" id="d16" onfocus="WdatePicker({position:{left:50,top:50}})" /><input class="Wdate" type="text" id="d16" οnfοcus="WdatePicker({position:{left:50,top:50}})" />

image

年月日时分秒

<input type="text" id="d241" onfocus="WdatePicker({dateFmt:'yyyy年MM月dd日 HH时mm分ss秒'})" class="text" />input type="text" id="d241" οnfοcus="WdatePicker({dateFmt:'yyyy年MM月dd日 HH时mm分ss秒'})" class="text" />

image

限制日期的范围是 2006-09-10到2008-12-20

<input id="d411" class="Wdate" type="text" onfocus="WdatePicker({skin:'blueFresh',minDate:'2006-09-10',maxDate:'2008-12-20'})" />input id="d411" class="Wdate" type="text" οnfοcus="WdatePicker({skin:'blueFresh',minDate:'2006-09-10',maxDate:'2008-12-20'})" />

image

 

限制日期的范围是 2008-3-8 11:30:00 到 2008-3-10 20:59:30

  <input type="text" class="Wdate" id="d412" onfocus="WdatePicker({skin:'blue',dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'2008-03-08 11:30:00',maxDate:'2008-03-10 20:59:30'})" /><input type="text" class="Wdate" id="d412" οnfοcus="WdatePicker({skin:'blue',dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'2008-03-08 11:30:00',maxDate:'2008-03-10 20:59:30'})" />

 

image

你可以通过系统给出的动态变量,如%y(当前年),%M(当前月)等来限度日期范围,你还可以通过{}进行表达式运算,如:{%d+1}:表示明天

动态变量表

image

只能选择今天以前的日期(包括今天)

<input id="d421" class="Wdate" type="text" onfocus="WdatePicker({skin:'green',maxDate:'%y-%M-%d'})"/>input id="d421" class="Wdate" type="text" οnfοcus="WdatePicker({skin:'green',maxDate:'%y-%M-%d'})"/>

 

image

 

只能选择本月的日期1号至本月最后一天

   <input id="d423" class="Wdate" type="text" onfocus="WdatePicker({skin:'simple',minDate:'%y-%M-01',maxDate:'%y-%M-%ld'})"/><input id="d423" class="Wdate" type="text" οnfοcus="WdatePicker({skin:'simple',minDate:'%y-%M-01',maxDate:'%y-%M-%ld'})"/>

 

image

只能选择今天7:00:00至明天21:00:00的日期

 

<input id="d424" class="Wdate" type="text" onfocus="WdatePicker({skin:'YcloudRed',dateFmt:'yyyy-M-d H:mm:ss',minDate:'%y-%M-%d 7:00:00',maxDate:'%y-%M-{%d+1} 21:00:00'})"/>input id="d424" class="Wdate" type="text" οnfοcus="WdatePicker({skin:'YcloudRed',dateFmt:'yyyy-M-d H:mm:ss',minDate:'%y-%M-%d 7:00:00',maxDate:'%y-%M-{%d+1} 21:00:00'})"/>

image

前面的日期不能大于后面的日期且两个日期都不能大于 2020-10-01

 

 <input id="d4311" class="Wdate" type="text" onfocus="WdatePicker({skin:'ext',maxDate:'#F{$dp.$D(\'d4312\')||\'2020-10-01\'}'})" />
 <input id="d4312" class="Wdate" type="text" onfocus="WdatePicker({skin:'ext',minDate:'#F{$dp.$D(\'d4311\')}',maxDate:'2020-10-01'})" /><input id="d4311" class="Wdate" type="text" οnfοcus="WdatePicker({skin:'ext',maxDate:'#F{$dp.$D(\'d4312\')||\'2020-10-01\'}'})" />
 <input id="d4312" class="Wdate" type="text" οnfοcus="WdatePicker({skin:'ext',minDate:'#F{$dp.$D(\'d4311\')}',maxDate:'2020-10-01'})" />

image

 

前面的日期+3天 不能大于 后面的日期

<input type="text" class="Wdate" id="d4321" onfocus="WdatePicker({skin:'simple',maxDate:'#F{$dp.$D(\'d4322\',{d:-3});}'})" />
<input type="text" class="Wdate" id="d4322" onfocus="WdatePicker({skin:'simple',minDate:'#F{$dp.$D(\'d4321\',{d:3});}'})" />input type="text" class="Wdate" id="d4321" οnfοcus="WdatePicker({skin:'simple',maxDate:'#F{$dp.$D(\'d4322\',{d:-3});}'})" />
<input type="text" class="Wdate" id="d4322" οnfοcus="WdatePicker({skin:'simple',minDate:'#F{$dp.$D(\'d4321\',{d:3});}'})" />

image

禁用 周六 周日 所对应的日期

<input id="d442" type="text" class="Wdate" onFocus="WdatePicker({disabledDays:[0,6]})"/>input id="d442" type="text" class="Wdate" onFocus="WdatePicker({disabledDays:[0,6]})"/>

image

禁用 每个月份的 5日 15日 25日

<input id="d451" type="text" class="Wdate" onFocus="WdatePicker({disabledDates:['5$']})"/>input id="d451" type="text" class="Wdate" onFocus="WdatePicker({disabledDates:['5$']})"/>

image

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/thanks_hck/article/details/107316746

智能推荐

深入理解linux操作系统中的高端内存_chenxiangneu的博客-程序员宅基地

Linux内核地址映射模型x86 CPU采用了段页式地址映射模型。进程代码中的地址为逻辑地址,经过段页式地址映射后,才真正访问物理内存。段页式机制如下图。 Linux内核地址空间划分通常32位Linux内核地址空间划分0~3G为用户空间,3~4G为内核空间。注意这里是32位内核地址空间划分,64位内核地址空间划分是不同的。

认识bash shell_Little BigUs的博客-程序员宅基地

认识 bash shellBash shell我们知道管理计算机硬件的是kernel,而我们user是通过shell和kernel进行沟通的,那到底什么是shell,什么是bash呢?什么是shell?你可以理解shell就是指令,没错,就是指令,这指令是用来干嘛的呢?当然是用来控制计算值按照我们想要的动作工作啦,也就是说其实shell就是用户用来控制计算机工作的指令。我们知道直接控制计算机硬件的是kernel,而我们用户则可以通过shell控制kernel从而间接地控制硬件工作。什么是bash

四次握手终止连接_Nestler的博客-程序员宅基地

和建立连接时的三次握手类似,三次握手的标识为SYN,四次握手的标识为FIN。由于TCP连接是全双工,所以发送了FIN的一端只是关闭了发送连接,但仍然可以接受数据。所以,若要彻底关闭连接,则需要双方都发送FIN。还是通过实验来观察四次握手流程。当通过SSH软件输入exit命令时,客户端发出带FIN标识的TCP包:服务器收到FIN后,发送一个ACK包,确认序号应该为收到的序

前端页面劫持和反劫持_xuyuwas的博客-程序员宅基地

前端页面劫持和反劫持页面劫持使用HTTP请求请求一个网站页面的时候,网络运营商会在正常的数据流中插入精心设计的网络数据报文,让客户端(通常是浏览器)展示“错误”的数据,通常是一些弹窗,宣传性广告或者直接显示某网站的内容。常见劫持手段跳转型劫持:用户输入地址A,但是跳转到地址B为了获取流量,一些电商或者类似百度这样需要流量合作的网站都会有自己的联盟系统,通过给予一些奖励来获取导流,比...

MultiImageView+PhotoView+ViewPager图片预览_It一zhai男的博客-程序员宅基地

效果截图PhotoViewPhotoView是一个github上的一个开源项目。将下面加入到根build.gradle文件中allprojects { repositories { maven { url "https://jitpack.io" } }}然后,加入库到你的模块build.gradledependencies { imp...

随便推点

蓝桥杯STEMA考试编程题 Scratch 初级组模拟练习试卷(一)_少儿编程乔老师的博客-程序员宅基地_通过编程实现具有画笔功能的程序

STEMA 考试编程题 Scratch 模拟练习试卷(初级组)。STEMA 考试第二部分为编程题,测试考生的编程能力,Scratch 组的考试此部分包括4-6 道编程题目。

linux系统论文题目大全_操作系统论文题目_李济斌GYM的博客-程序员宅基地

Wewillcontinuetoimprovethecompany'sinternalcontrolsystem,andsteadyimprovementinabilitytomanageandcontrol,optimizebusinessprocesses,toensuresmoothprocesses,responsibilitiesinpla...

用c语言编写贪吃蛇的心得体会,刚学C语言,想写一个贪吃蛇的代码_业勋优质程序的博客-程序员宅基地

该楼层疑似违规已被系统折叠隐藏此楼查看此楼#include#include#include#includetypedef struct snake{int a;int b;struct snake *u;struct snake *n;}snake,*snake1;typedef struct food{int a;int b;}food;void main(){char c,c0 = 'd';...

php的语言引擎,QueryPHP渐进式PHP常驻框架引擎 v1.0.3_weixin_39851261的博客-程序员宅基地

QueryPHP 是一款现代化的高性能 PHP 7 常驻框架,以工程师用户体验为历史使命,让每一个 PHP 应用都有一个好框架。百分之百单元测试覆盖直面 Bug 一剑封喉,基于 Zephir 实现框架常驻,依托 Swoole 生态实现业务常驻,此刻未来逐步渐进。我们的愿景是 USE LEEVEL WITH SWOOLE DO BETTER,让您的业务撑起更多的用户服务。两年重构,只为更好的自己Qu...

ACM第一次训练第四题_jessy!的博客-程序员宅基地

#include &amp;lt;stdio.h&amp;gt;#include &amp;lt;stdlib.h&amp;gt;int main(){ int a,b; while(scanf(&quot;%d %d&quot;,&amp;amp;a,&amp;amp;b)!=EOF) { printf(&quot;%d\n&quot;,a+b); } return 0;}A+B问题。。

Collection及其子类的简单总结_唐唐唐piong的博客-程序员宅基地_collection子类

集合的概念:对象的容器,存储对象的对象,可代替数组Collection体系集合图:Collection接口:代表一组任意类型的对象,无序,无下标 public interface Collection&lt;E&gt; extends Iterable&lt;E&gt; Collection集合中比较重要的两个方法:add():向集合中添加元素 iterator()...

推荐文章

热门文章

相关标签