js时间组件

版权声明:本文为博主原创文章,转载请注明出处。 https://blog.csdn.net/sinat_25926481/article/details/51222651

表单

开始日:<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>
效果




阅读更多
换一批

没有更多推荐了,返回首页