学生选课系统-学年学期选择器，根据入学年份自动计算当前学期

最新推荐文章于 2021-03-03 09:22:45 发布

gfddd1231

最新推荐文章于 2021-03-03 09:22:45 发布

阅读量1.5w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/qq_41488724/article/details/89457842

vue 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个JavaScript函数，用于根据当前日期和学号自动计算并加载学期数据，同时展示了如何在Vue环境中使用级联选择器展示计算出的学年和学期选项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现效果，一进入自动加载最近学期数据
在这里插入图片描述
入学年份是取学号中入学年份对应字段

//计算学期
function getTerm(no){	//no为学号
    let date=new Date;	//当前时间
    let startYear = parseInt(no.toString().slice(0, 4));//取学号中入学年份
    let year=date.getFullYear();	//现在年份
    let month=date.getMonth()+1;    //getMonth()获取当前月份(0-11,0代表1月)
    let term = (year - startYear)*2 + parseInt(month/9);	//学期
    let yTermValue = year - startYear + parseInt(month/9); //计算学年，如2018-2019学年两个学期值都是2018，方便写入选择器
    console.log(year+'年'+month+'月第'+ term+'学期');

    let termYear ={
        term: term>8?8:term, //学期，
        year: startYear,    //开学年份
        now: year,  //现在年份
        yTermValue: yTermValue  //选择的年度
    };
    return termYear;
}

html实现

 <el-cascader
       :options="yTermOptions"
       v-model="selectYearTerm"
       @change="changeTerm"
  ></el-cascader>

vue data定义

selectYearTerm:['year'+termYear.yTermValue,termYear.term],
yTermOptions:[
                        {
                            value: 'year1',
                            label: termYear.year+'-'+(termYear.year+1)+'学年',
                            children: [{
                                value: 1,
                                label: '第一学期',
                            },{
                                value: 2,
                                label: '第二学期',
                            }],
                        }, {
                            value: 'year2',
                            label: (termYear.year+1)+'-'+(termYear.year+2)+'学年',
                            children: [{
                                value: 3,
                                label: '第一学期',
                            },{
                                value: 4,
                                label: '第二学期',
                            }],
                        }, {
                            value: 'year3',
                            label: (termYear.year+2)+'-'+(termYear.year+3)+'学年',
                            children: [{
                                value: 5,
                                label: '第一学期',
                            },{
                                value: 6,
                                label: '第二学期',
                            }],
                        }, {
                            value: 'year4',
                            label: (termYear.year+3)+'-'+(termYear.year+4)+'学年',
                            children: [{
                                value: 7,
                                label: '第一学期',
                            },{
                                value: 8,
                                label: '第二学期',
                            }],
                        },
                    ],