zoukankan      html  css  js  c++  java
  • 日历,类似旅行网站的酒店入住

    1.首先输入点击要能够有两个日历

    画出月份,大部分是5x7行,但是也会有6x7的情况(1号为周六)

    计算1号的位置,月份的清空,画月份时候,当日的判断。

    //画表格行数
            var rows = Math.ceil((maxDay+first)/7); 
            var beforeTable = '<div id="'+strDate+'" class="data-calendar" style="display: block;"><table><thead><tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th></tr></thead><tbody>';
            var table;
            for(var i = 0 ; i < rows ; i++){
                table += "<tr>" ;
                for( var j = 1 ; j <= 7 ; j++){
                    //table += "<td>"+ (j  + 7 * i) +"</td>" //周日就是1号的判断
                    table += "<td></td>" 
                }
                table+="</tr>"
            }
            var afterTable = '</tbody></table></div>';
            $("#calendar").after(beforeTable + table + afterTable);
    
    
            //填日期
            for(var i = first,j = 1 ; i < tableNum,j<=maxDay ; i++,j++){
                if(i != today){
                    //$(".data-calendar td").eq(i).css({"color":"#000"});
                }else{
                    var num = first + today - 1;
                    $(".data-calendar td").eq(num).css({"color":"#ff3366"});
                }
                $(".data-calendar td").eq(i).html(j);
            }

    2.input框 click 和 change时候的区分

    3.选择范围

    4.更改年月日(两种情况,在input里面修改没啥特别的,在表格里面改,要把drawTable()做的更具复用性)

  • 相关阅读:
    PAT1137
    Ubuntu小工具
    C文件的格式化工具(astyle)
    linux批量替换文本字符串
    scp & cat远程文件操作
    上传附件中英文混合的文件名上传
    membership DB生成 & dll 强命名 & 证书生成
    机器Coding For WinForm
    机器Coding For WPF
    C# cmd bcp 导出数据
  • 原文地址:https://www.cnblogs.com/della/p/3615500.html
Copyright © 2011-2022 走看看