$("#txtStartTime").bind("click focus", function () {
var endtimeTf = $dp.$('txtEndTime');
WdatePicker({
skin: dateSkin,
maxDate: '#F{$dp.$D(\'txtStartTime\')}',
dateFmt: "yyyy-MM-dd HH:mm:ss",
onpicked: function () { endtimeTf.focus(); }
});
});
$("#txtEndTime").bind("click focus", function () {
//这里设置了最大日期为当前日期,如果不需要则把maxDate:'%y-%M-%d'去掉
//WdatePicker({ skin: dateSkin, maxDate: '%y-%M-%d', minDate: '#F{$dp.$D(\'baojiakaishishijian\')}' });
WdatePicker({
skin: dateSkin,
minDate: '#F{$dp.$D(\'txtStartTime\')}',
dateFmt: "yyyy-MM-dd HH:mm:ss"
});
});

上面的可控制结束时间大于开始时间,可精确到秒

===============================================================

下面的一个可控制结束时间在一周内

 $("#txtStartTime").bind("click focus",
function() {
WdatePicker({
maxDate: "#F{$dp.$D('txtEndTime');}",
dateFmt: "yyyy-MM-dd HH:mm",
onpicked: function(Ag) {
var Ah = StrToDate(Ag.cal.getDateStr());
var Ai = StrToDate($("#txtEndTime").val());
var Af = Ai.dateDiff(Ah, "d");
if (Af > 7) {
$("#txtEndTime").val(Ah.DateAdd("d", 7).format("yyyy-MM-dd HH:mm"))
}
}
})
});
$("#txtEndTime").bind("click focus",
function() {
WdatePicker({
minDate: "#F{$dp.$D('txtStartTime')}",
maxDate: "#F{$dp.$D('txtStartTime',{d:7});}",
dateFmt: "yyyy-MM-dd HH:mm"
})
});
WdatePicker({
eCont: "DataControl",
onpicked: function(Af) {
$("#starOption").fadeOut();
$("#txtStartTime").val(Af.cal.getDateStr() + " 00:00");
$("#txtEndTime").val(Af.cal.getDateStr() + " 23:59");
if ($("#selCarBrand_hidden").length > 0 && $.trim($("#selCarBrand_hidden").val()) != "") {
v(true)
}
}
});
 Date.prototype.format = function(A) {
var B = {
"M+": this.getMonth() + 1,
"d+": this.getDate(),
"h+": this.getHours(),
"H+": this.getHours(),
"m+": this.getMinutes(),
"s+": this.getSeconds(),
"q+": Math.floor((this.getMonth() + 3) / 3),
"S": this.getMilliseconds()
};
if (/(y+)/.test(A)) {
A = A.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length))
}
for (var C in B) {
if (new RegExp("(" + C + ")").test(A)) {
A = A.replace(RegExp.$1, RegExp.$1.length == 1 ? B[C] : ("00" + B[C]).substr(("" + B[C]).length))
}
}
return A
};
Date.prototype.dateDiff = function(C, D) {
var B = 1;
if (!C) {
return "必须是日期对象"
}
var A = this.getTime() - C.getTime();
switch (D) {
case "ms":
B = 1;
break;
case "s":
B = 1000;
break;
case "m":
B = 60 * 1000;
break;
case "h":
B = 60 * 60 * 1000;
break;
case "d":
B = 24 * 60 * 60 * 1000;
break
}
return Math.floor(A / B)
};
Date.prototype.DateAdd = function(C, A) {
var B = this;
switch (C) {
case "s":
return new Date(Date.parse(B) + (1000 * A));
case "m":
return new Date(Date.parse(B) + (60000 * A));
case "h":
return new Date(Date.parse(B) + (3600000 * A));
case "d":
return new Date(Date.parse(B) + (86400000 * A));
case "w":
return new Date(Date.parse(B) + ((86400000 * 7) * A));
case "q":
return new Date(B.getFullYear(), (B.getMonth()) + A * 3, B.getDate(), B.getHours(), B.getMinutes(), B.getSeconds());
case "M":
return new Date(B.getFullYear(), (B.getMonth()) + A, B.getDate(), B.getHours(), B.getMinutes(), B.getSeconds());
case "y":
return new Date((B.getFullYear() + A), B.getMonth(), B.getDate(), B.getHours(), B.getMinutes(), B.getSeconds())
}
return B
};
Date.prototype.Init = function(A) {
return new Date(A.replace(/-/g, "/"))
};
Date.StrToDate = function(A) {
return new Date(A.replace(/-/g, "/"))
};
Date.FormatTime = function(A) {
var H = "";
A = Math.round(A);
var B = A % 60;
if (B > 0) {
H = B + "秒";
A -= B
}
if (A >= 60) {
var J = A / 60;
var E = J % 60;
J -= E;
H = E + "分" + H;
if (J >= 60) {
var I = J / 60;
var C = I % 24;
I -= C;
H = C + "时" + H;
if (I >= 24) {
var L = I / 24;
var G = L % 30;
H = G + "天" + H;
L -= G;
if (L >= 30) {
var F = L / 30;
var D = F % 12;
H = D + "月" + H;
F -= D;
if (F >= 12) {
var K = F / 12;
H = K + "年" + H
}
}
}
}
}
return H
};
function StrToDate(A) {
return new Date(A.replace(/-/g, "/"))
}
												

WdatePicker时间控件联动选择的更多相关文章

  1. wdatePicker时间控件的使用

    wdatePicker时间控件的使用 1.引用wdatePicker控件的js <seript src="../../js/My97DatePicker/wdatePicker.js& ...

  2. layui时间控件联动:开始时间、结束时间,有效时间范围

    实际开发中,经常遇到时间控件联动的情况,然后每次都网上搜代码Copy,不过每次都有点小Bug让你错不及防: 这次,在这里备份一下,以后Copy自己的得了(欢迎Copy代码,若遇到问题,请麻烦回复我一下 ...

  3. WdatePicker日历控件动态设置属性参数值

    首先吐槽一下需求人员给了我一个很坑的需求:WdatePicker日历控件里面选择的最小时间(minDate)的值是级联动态改变的,而且这个值要从数据库获取,这样子只能使用 ajax 来发起请求获取mi ...

  4. WdatePicker.js的使用方法 帮助文档 使用说明(时间控件)

    WdatePicker.js的使用方法 帮助文档 使用说明(时间控件)   4. 日期范围限制 静态限制 注意:日期格式必须与 realDateFmt 和 realTimeFmt 一致 你可以给通过配 ...

  5. jquery 时间控件怎么能禁止输入只能选择日期?

    jsp一个input输入框用的是easyui时间控件,现在问题是如何是这个input只能点击选择日期,而禁止手动输入 解决方法::: 在日期的input标签里面添加::::editable=" ...

  6. Wdatepicker日期控件的使用指南 (转)

    Wdatepicker日期控件的使用指南 标签: inputclass语言functionstring正则表达式 2012-02-10 15:48 40826人阅读 评论(5) 收藏 举报 .embo ...

  7. WdatePicker 日期控件- 功能及示例

      3. 多语言和自定义皮肤多语言支持 通过lang属性,可以为每个日期控件单独配置语言,当然也可以通过WdatePicker.js配置全局的语言语言列表和语言安装说明详见语言配置 示例3-1 多语言 ...

  8. winform 用户控件、 动态创建添加控件、timer控件、控件联动

    用户控件: 相当于自定义的一个panel 里面可以放各种其他控件,并可以在后台一下调用整个此自定义控件. 使用方法:在项目上右键.添加.用户控件,之后用户控件的编辑与普通容器控件类似.如果要在后台往窗 ...

  9. winform用户控件、动态创建添加控件、timer控件、控件联动

    用户控件: 相当于自定义的一个panel 里面可以放各种其他控件,并可以在后台一下调用整个此自定义控件. 使用方法:在项目上右键.添加.用户控件,之后用户控件的编辑与普通容器控件类似.如果要在后台往窗 ...

随机推荐

  1. Tkinter教程之Button篇(1)

    本文转载自:http://blog.csdn.net/jcodeer/article/details/1811298 #Tkinter教程之Button篇(1)#Button功能触发事件'''1.一个 ...

  2. Using FastCGI to Host PHP Applications on IIS 7 -IIS7 怎么配置 PHP5

    This article describes how to configure the FastCGI module and PHP to host PHP applications on IIS 7 ...

  3. 【转】Maven实战(五)---两个war包的调用

    原博文出自于: http://blog.csdn.net/liutengteng130/article/details/42879803    感谢! 开篇前提   1.为什么要用两个war包的调用? ...

  4. struts2+Hibernate4+spring3+EasyUI环境搭建之一:准备工作

    SSHE环境搭建第一步:安装软件(经验:安装软件路径最好不要有空格.括弧.中文等特殊符号)1.Jdk72.tomcat73.maven34.MyEclipse10.7 破解及优化设置(设置本地安装jd ...

  5. vector 之 find 重载

    众所周知,map有find,但vector的find只能调用algorithm中的find通用方法. 参考<How to find an item in a std::vector?> 对 ...

  6. HDU 5744 Keep On Movin (贪心)

    Keep On Movin 题目链接: http://acm.hdu.edu.cn/showproblem.php?pid=5744 Description Professor Zhang has k ...

  7. EF入门 IQueryable和IEnumberable的区别

    IEnumerable接口 公开枚举器,该枚举器支持在指定类型的集合上进行简单迭代.也就是说:实现了此接口的object,就可以直接使用foreach遍历此object: IQueryable 接口 ...

  8. ucGUI 12864 从打点起

      ucGUI是纯C写的的,移植需要定义点阵数,颜色数,和画点函数 以下是ucGUI 12864下的移植 基于ST7920控制的12864液晶用于字符显示很方便的,但网友说用它显示图形并不合适,原因就 ...

  9. HDU 3687 National Day Parade (暴力)

    题意:给定 n 个人,在 n 列,问你移动最少的距离,使得他们形成一个n*n的矩阵. 析:这个题本来是要找中位数的,但是有特殊情况,所以改成暴力了,时间也很短,就是从第一个能够放左角的位置开始找,取最 ...

  10. npm package 装包匹配原则

    经常看到package.json 里面有这样的devDependencies: "devDependencies": { "@angular/common": ...