framework7 日历绑定其他字符串写法
listArray,要绑定的数据
//绑定到日期标签上
$.each(listArray, function (n, value) {
var dLYear = value.year;
var dLMonth = value.month;
var dLDate = value.date;
var time = value.workHour;
//筛选当前页面的div,找到日历控件中日历单元格的div,以集合的形式存储这些筛选出来的DIV,并且把年月日都记录一下方便接下来使用
var list = $$('div').filter(function (index, el) {
if ($$(this).hasClass('picker-calendar-day')) {
var year = parseInt($$(this).attr('data-year'), 10);
var month = parseInt($$(this).attr('data-month'), 10) + 1;
day = parseInt($$(this).attr('data-day'), 10);
return (dLYear == year) && (dLMonth == month) && (dLDate == day);
} else {
return false;
}
})
//循环这个集合,对每一个上面都绑需要的一些自定义的HTML
list.each(function (i) {
if (time < 8)
$$(list[i]).html('<span>' + dLDate + '<div style="clear:both;position:absolute;margin-top:-5px">' + time + '</div></span>');
else
$$(list[i]).html('<span>' + dLDate + '<div style="clear:both;position:absolute;margin-top:-5px">' + time + '</div></span>');
$$(list[i]).on('click', function () {
//并且可以对每个DIV绑定需要的事件
onClick(value);
});
});
});