基本使用
官方地址:官方地址
修改时间显示样式 并且控制时间间隔为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();
}