时间选择器,提供自定义日期列表和可选的时间范围,单位小时
- startDate: 开始时间
- days: 可选日期的范围(>开始时间) 整数
- timeRange: 时间的区间 字符串:'10-21',
- sp: 最终显示的时间格式:'/'
- changeDay: 日期变动后的回调
当用户关闭选择框,选择确认时间,触发回调函数
- getDay() 返回选择的日期
- getTime() 返回用户选择的时间
var booksInfo=[];
var picker=$.timePicker({
selected:curSelected,
changeDay:function(day){
var info=booksInfo[day]||['15:00','17:00','21:00'];
if(info){
mockBooksInfo(info);
}else{
getBooksInfo(day);
}
function mockBooksInfo(info){
$.each(info,function(i,n){
$('.pick-time[data-value="'+n+'"]').addClass('booked').append('<span class="booked-txt">预约</span>');
});
}
}
},function(){
curSelected=picker.getDay()+' '+picker.getTime();
console.log(curSelected)
});