laydate 开始日期与结束日期相隔30天并且修改分钟显示间隔详细完整

基本使用

官方地址:官方地址

修改时间显示样式 并且控制时间间隔为30天

js代码

var startTime = laydate.render({
			elem : '#starttime', 
			type : 'datetime',
			min : -30, 
			max: getNow(),
			format : format,
			position : 'fixed',
			theme : '##FFFFE0',
			ready: function(value, date, endDate){
				var timeDom = $('#layui-laydate1').find("span[lay-type='datetime']")[0];
				$(timeDom).click(function(){
					formatminutes();
				});
			},
			  done:function(value, date){
				  //alert('你选择的日期是:' + value + '\n\n获得的对象是' + JSON.stringify(date)) ;
				  //结束日期最小值不用变
				  endTime.config.min={
					  	year:date.year,
			    	    	month:date.month-1,
			                date:date.date,
			                hours:date.hours,
		                minutes:date.minutes,
			                seconds:date.seconds
		               };
			  }
		});
		var endTime= laydate.render( {
			elem : '#endtime', 
			type : 'datetime',
			max: getNow(),
			format : format,
			position : 'fixed',
			theme : '#FFFFE0',//可修改日历颜色
			ready: function(value, date, endDate){
				var timeDom = $('#layui-laydate1').find("span[lay-type='datetime']")[0];
				$(timeDom).click(function(){
					formatminutes();
				});
			},
			  done:function(value, date){
				 // alert('你选择的日期是:' + value + '\n\n获得的对象是' + JSON.stringify(date)) ;
				  var datetmp = new Date(value).getTime();
				  var dt = new Date(datetmp - 1000 * 60 * 60 * 24 * 30);//最后一个数字 30天
				  var lastyear = dt .getFullYear();
				  var lastmonth = lw.getMonth();
				  var lastdate = lw.getDate();
//				 当结束日期改变后将开始日期 max设为endtime对应的日期,将最小日期设为30天之前的日期
				  startTime.config.max={
		               			year:date.year, 
		                        month:date.month-1,
		                        date: date.date, 
		                        hours:date.hours,
				                minutes:date.minutes,
				                seconds:date.seconds
		               };
				  startTime.config.min = {
						  year:lastyear , 
	                      month:lastmonth ,
	                      date:lastdate, 
	                      hours:date.hours,
	                      minutes:date.minutes,
	                      seconds:date.seconds
				  };
			  }
			  
		});
		//当前日期 +1
		function getNow(){
			var date  = new Date();
			return date.getFullYear() + "-" + (date.getMonth()+1) + "-" + (date.getDate()+1);
		}
		
		//自定义时间显示样式
		function formatminutes() {
			//自定义分钟 分钟间隔设置为5分钟
			var showtime = $($(".laydate-time-list li ol")[1]).find("li");
			for (var i = 0; i < showtime.length; i++) {
				var t00 = showtime[i].innerText;
				 if (t00 != "00" && t00 != "05" && t00 != "10" && t00 != "15" && t00 != "20" && t00 != "25" && t00 != "30" && t00 != "35" && t00 != "40" && t00 != "45"&& t00 != "50" && t00 != "55" ) {
		                showtime[i].remove();
		            }
			}
			//去掉秒
			$($(".laydate-time-list li ol")[2]).find("li").remove(); 
		}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值