js自定义日历

最新推荐文章于 2024-07-27 18:37:51 发布

c1118l

最新推荐文章于 2024-07-27 18:37:51 发布

阅读量524

点赞数

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/c15162/article/details/109447195

版权

这篇博客介绍了一个JavaScript函数，用于根据指定年份和月份生成自定义的日历。它考虑了闰年的规则，并能显示上月和下月的部分日期。通过处理开始和结束日期的周几，函数填充了日历的空白部分。此外，日历的每一天包含日期和一个工作状态选择器，允许用户选择特定日期的工作状态。

摘要由CSDN通过智能技术生成

function getDate(year,month){
        var thisDate,thisDay,week,preLastDay;
    var endDate,endDay,endWeek,dayMount;
    var startArr = []; //上月数据
    var endArr = []; //下月数据
    var html = '';
    var today = new Array('日','一','二','三','四','五','六');
    thisDate = month + "/1/" + year;
    thisDay = new Date(Date.parse(thisDate));   //本月第一天 Date.parse()指定的日期和时间据 1970/1/1 午夜(GMT 时间)之间的毫秒数。
    week = today[thisDay.getDay()]; //本月第一天是周几 getDay()方法可返回一周（0~6）的某一天的数字。

    if(month == 2){ //闰月的判断 endDate:本月结束日期 2020-**-** dayMount:本月天数
    preLastDay = 31; //上个月的最后一天
    if((year % 4 == 0 && year % 100 != 0) || year % 400 == 0){
    endDate = month + "/29/" + year;
    dayMount = 29;
    }else{
    endDate = month + "/28/" + year;
    dayMount = 28;
    }
    //$.inArray()函数用于在数组中搜索指定的值,并返回其索引值。如果数组中不存在该值,则返回-1;
    }else if($.inArray(month,[4,6,9,11]) != -1){
    preLastDay = 31;
    endDate = month + "/30/" + year;
    dayMount = 30;
    }else if($.inArray(month,[1,3,5,7,8,10,12]) != -1){