WdatePicker时间控件联动选择
$("#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时间控件联动选择的更多相关文章
- wdatePicker时间控件的使用
wdatePicker时间控件的使用 1.引用wdatePicker控件的js <seript src="../../js/My97DatePicker/wdatePicker.js& ...
- layui时间控件联动:开始时间、结束时间,有效时间范围
实际开发中,经常遇到时间控件联动的情况,然后每次都网上搜代码Copy,不过每次都有点小Bug让你错不及防: 这次,在这里备份一下,以后Copy自己的得了(欢迎Copy代码,若遇到问题,请麻烦回复我一下 ...
- WdatePicker日历控件动态设置属性参数值
首先吐槽一下需求人员给了我一个很坑的需求:WdatePicker日历控件里面选择的最小时间(minDate)的值是级联动态改变的,而且这个值要从数据库获取,这样子只能使用 ajax 来发起请求获取mi ...
- WdatePicker.js的使用方法 帮助文档 使用说明(时间控件)
WdatePicker.js的使用方法 帮助文档 使用说明(时间控件) 4. 日期范围限制 静态限制 注意:日期格式必须与 realDateFmt 和 realTimeFmt 一致 你可以给通过配 ...
- jquery 时间控件怎么能禁止输入只能选择日期?
jsp一个input输入框用的是easyui时间控件,现在问题是如何是这个input只能点击选择日期,而禁止手动输入 解决方法::: 在日期的input标签里面添加::::editable=" ...
- Wdatepicker日期控件的使用指南 (转)
Wdatepicker日期控件的使用指南 标签: inputclass语言functionstring正则表达式 2012-02-10 15:48 40826人阅读 评论(5) 收藏 举报 .embo ...
- WdatePicker 日期控件- 功能及示例
3. 多语言和自定义皮肤多语言支持 通过lang属性,可以为每个日期控件单独配置语言,当然也可以通过WdatePicker.js配置全局的语言语言列表和语言安装说明详见语言配置 示例3-1 多语言 ...
- winform 用户控件、 动态创建添加控件、timer控件、控件联动
用户控件: 相当于自定义的一个panel 里面可以放各种其他控件,并可以在后台一下调用整个此自定义控件. 使用方法:在项目上右键.添加.用户控件,之后用户控件的编辑与普通容器控件类似.如果要在后台往窗 ...
- winform用户控件、动态创建添加控件、timer控件、控件联动
用户控件: 相当于自定义的一个panel 里面可以放各种其他控件,并可以在后台一下调用整个此自定义控件. 使用方法:在项目上右键.添加.用户控件,之后用户控件的编辑与普通容器控件类似.如果要在后台往窗 ...
随机推荐
- [Hive - LanguageManual] DML: Load, Insert, Update, Delete
LanguageManual DML Hive Data Manipulation Language Hive Data Manipulation Language Loading files int ...
- Windows10输入法的切换
Alt+Shift 中⇒あ,あ⇒中 Shift 中⇒英,英⇒中 Alt+Caps Lock あ⇒カ,A⇒あ⇒カ Ctrl+Caps Loc ...
- Unity3D文件读写
这里主要是简单的文件读写,不推荐使用,最好用的还是PlayerPrefs. using UnityEngine; using System.Collections; using System.IO; ...
- 集群——LVS理论(转)
原文:http://caduke.blog.51cto.com/3365689/1544229 当单个服务器性能 不能满足日益增多访问流量时,服务器的扩展策略: Scale Up :向上扩展,提升单个 ...
- 问题-PopupMenu是哪个控件调用弹出的?
相关资料: http://bbs.csdn.net/topics/310195683 问题现象:今天有朋友问我个简单的问题,在多个Edit上弹出菜单,怎么判断是哪个Edit调用的.我想了想这个我还真不 ...
- HDU 5768 Lucky7 (中国剩余定理 + 容斥 + 快速乘法)
Lucky7 题目链接: http://acm.hdu.edu.cn/showproblem.php?pid=5768 Description When ?? was born, seven crow ...
- Linux 命令之last命令详解
last:命令解释show listing of last logged in users 指令所在路径:/usr/bin/last 命令输出字段介绍: 第一列:用户名 第二列:终端位置.pts/0 ...
- JSF 2 hidden value example
In JSF, you can use the <h:inputHidden /> tag to render a HTML hidden value field. For example ...
- javascript中document对象的属性和方法
document.documentElement; document.firstChild;document.childNodes[0];// 取得对<html>的引用document.b ...
- Intel HAXM
Hardware Accelerated Execution Manager的缩写. intel的硬件加速执行管理器,是一款可以使用英特尔虚拟化技术(VT)加快 Android* 开发速度的硬件辅助虚 ...