1、 加入日期选择框“$("#dd").datebox({"required":true});”
2、 javascript获取日期选择框的值,“$("#dd").datebox("getValue"); 或者$("input[name='dd']").val();”
3、给它添加事件监听,datebox onSelect 日期选中后,自动为input id="dd" type="text"赋值,这样就可以使用“$("#dd").val()”获取选中的日期值了。
jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。
$("#TimeStart").datetimebox('setValue',startTime);
基本用法:
1) 加入日期选择框
$("#dd").datebox({"required":true});
2) javascript获取日期选择框的值
$("#dd").datebox("getValue"); 或者$("input[name='dd']").val();
那么我们可以给它添加一个事件监听,在datebox onSelect 日期选中后,自动为input id="dd" type="text"赋值,然后我们就可以使用
$("#dd").val()获取选中的日期值了。
3) javascript设置datebox的值
$("#dd").datebox("setValue", "2012-01-01");
例:添加编辑页面
@Html.Hidden("hBirthDate", Model.BirthDate.ToString("yyyy-MM-dd"))
$(document).ready(function () {
$("#BirthDate").datebox({
required: false,
formatter: function (date) { return date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate(); },
parser: function (date) { return new Date(Date.parse(date.replace(/-/g, "/"))); },
onSelect: function (date) {
$("#BirthDate").val(date);
}
});
//处理日期格式问题
if ($("#hBirthDate").val() != "" && $("#hBirthDate").val() != "0001-01-01") {
$("#BirthDate").datebox("setValue", $("#hBirthDate").val());
} else {
$("#BirthDate").datebox("setValue", ((new Date()).getFullYear() - 25) + "-01-01");
}
});
二、时间控件datetimebox
用法和日期控件类似
实现开始日期和结束日期的判断和赋值
绑定脚本:
使用的自定义方法dateDiff
可参考http://www.cnblogs.com/xcsn/p/5194822.html
相关的时间验证
jQuery.validator.addMethod("nowtime", function (value, element) {
if (this.optional(element)) return true;
var assigntime = value;
var deadlinetime = new Date();
var reg = new RegExp('-', 'g');
assigntime = assigntime.replace(reg, '/');//正则替换
assigntime = new Date(parseInt(Date.parse(assigntime), 10));
deadlinetime = new Date(parseInt(Date.parse(deadlinetime), 10));
if (assigntime < deadlinetime) {
return false;
} else {
return true;
}
}, "不能小于当前时间!");
$.validator.addMethod("mintime", function (value, element, para) {
if (this.optional(element)) return true;
var assigntime = value;
var deadlinetime = para;
var reg = new RegExp('-', 'g');
assigntime = assigntime.replace(reg, '/');//正则替换
deadlinetime = deadlinetime.replace(reg, '/');
assigntime = new Date(parseInt(Date.parse(assigntime), 10));
deadlinetime = new Date(parseInt(Date.parse(deadlinetime), 10));
if (assigntime < deadlinetime) {
return false;
} else {
return true;
}
}, "结束时间必须大于开始时间");
$.validator.addMethod("maxtime", function (value, element, para) {
if (this.optional(element)) return true;
var assigntime = value;
var deadlinetime = para;
var reg = new RegExp('-', 'g');
assigntime = assigntime.replace(reg, '/');//正则替换
deadlinetime = deadlinetime.replace(reg, '/');
assigntime = new Date(parseInt(Date.parse(assigntime), 10));
deadlinetime = new Date(parseInt(Date.parse(deadlinetime), 10));
if (assigntime > deadlinetime) {
return false;
} else {
return true;
}
}, "开始时间必须小于结束时间");