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 ] Explain (待)
EXPLAIN Syntax EXPLAIN Syntax Hive provides an EXPLAIN command that shows the execution plan for a q ...
- Tasks Queues and Cron Jobs(任务队列和时钟守护作业)
一个网络应用必须迅速响应网络请求,一般要小于1s,最好是几十微秒,以便为坐在浏览器前面的用户提供一个流畅的体验.这就给不了应用太多的时间来处理工作.有时会是有更多的工作要做而不是有时间来做它.< ...
- HDU5734:Acperience(方差)
题意: 给出n个数xi,确定一个值α,使得Σ(xi-α)^2的值最小. 分析: 可以猜想是方差,不懂得可以去方差了解一下. 那么α即为∑(xi)/n,然后要注意的是转化为分数,首先我们不能用小数转分数 ...
- Django settings — Django 1.6 documentation
Django settings - Django 1.6 documentation export DJANGO_SETTINGS_MODULE=mysite.settings django-admi ...
- 【转】在企业内部分发 iOS 应用程序
(via:破船之家,原文:Provision iOS IPA App for In-House Enterprise Distribution) 在企业内部分发 iOS 应用程序非常复杂.经过努力 ...
- 自定义控件和XControl控件
(1)LabVIEW的自定义控件,实际上就是对LabVIEW自带的控件的一种修改,但是这种修改只能改变它的外观,即大小.颜色.位置等等,但是功能是改变不了的.如你对一个按钮进行自定义控件,无论怎么改, ...
- codeforces 630F Selection of Personnel(组合数)
F. Selection of Personnel time limit per test 0.5 seconds memory limit per test 64 megabytes input s ...
- 关于ssh和ajax小小总结
我是相当的不专业,写给自己看.有什么错误的话,说出来将感激不尽. 有两种方法异步传输 1.通过json字符串: jsp中这么写: $.getJSON( "details_ajaxActio ...
- XML操作:1.XML类(http://blog.csdn.net/happy09li/article/details/7460521)
XML绑定TreeView private void XmlOperation_Load(object sender, EventArgs e) { path = AppDomain.CurrentD ...
- 《解剖PetShop》系列转载
1 <解剖PetShop>系列之六 PetShop之表示层设计 http://ityup.com/showtopic-8.html 2 <解剖PetShop>系列之五 ...