js时间组件

表单

开始日：<s:textfield cssClass="ipt" id="start" name="start_time_f"/>
结束日：<s:textfield cssClass="ipt" id="end" name="end_time_f"/>

js

<script type="text/javascript">
! function() {
laydate.skin('molv'); //切换皮肤，请查看skins下面皮肤库
laydate({
elem: '#demo'
}); //绑定元素
}();
//日期范围限制
var start = {
elem: '#start',
format: 'YYYY-MM-DD',
min: laydate.now(), //设定最小日期为当前日期 可以自定为字符串 '1990-06-16'
max: '2099-06-16', //最大日期
istime: true,
istoday: false,
choose: function(datas) {
end.min = datas; //开始日选好后，重置结束日的最小日期
end.start = datas //将结束日的初始值设定为开始日
}
};
var end = {
elem: '#end',
format: 'YYYY-MM-DD',
min: laydate.now(),
max: '2099-06-16',
istime: true,
istoday: false,
choose: function(datas) {
start.max = datas; //结束日选好后，充值开始日的最大日期
}
};
laydate(start);
laydate(end);
</script>引入js文件
<script src="${pageContext.request.contextPath}/zgs/js/date/laydate.js" type="text/javascript" charset="utf-8"></script>效果