zoukankan      html  css  js  c++  java
  • 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);
    });
    });
    });

  • 相关阅读:
    pgloader-pg迁移神器
    PostgreSQL备份工具-pg_probackup
    5、pgpool-II高可用性(一)数据库的高可用性
    4、pgpool-II 流复制模式
    3、pgpool-II 内置复制模式
    pgpool-II 的配置
    pgpool-II安装
    PG时间相减
    PostgreSQL 流复制解惑
    PostgreSQL改造非分区表为分区表
  • 原文地址:https://www.cnblogs.com/llcdbk/p/8690410.html
Copyright © 2011-2022 走看看