[06][创新实训记录]Vue获取当前时间与Vue的html标签如何获取变量

Vue获取时间功能

问题提出

我们做的是有关学校的项目实训管理系统
在想要记录实训年级的时候,我想不应该单纯地写死数据,而是能够通过当前的年份将包括今年的前五年都放到年级的选择栏中。由于上半年的话是不包括今年的前四个年级是在校的,如果是处在下半年的话学校中是包括今年在内的前四年的四个年级。当然我这里直接显示了前五个年级,亦可以增加一个判断是否是处在上半年还是下半年

问题解决

export function getNowDate() {
    let date = new Date();
    let y = date.getFullYear();
    let m = date.getMonth() + 1;
    let d = date.getDate();
    let H = Da.getHours();
    let mm = Da.getMinutes();
    let s=d.getSeconds()
          m = m < 10 ? "0" + m : m;
          d = d < 10 ? "0" + d : d;
          H = H < 10 ? "0" + H : H;
          return y + "-" + m + "-" + d + " " + H + ":" + mm+":"+s;
}

在vue中获取年月日小时分钟都是很简便的方法。我还遇到了一个问题,我是使用iview组件库的,在选择器中需要将这个值传入到vue的html部分,也就是的标签value中,需要如何传值成了问题
不是在标签中,我们可以使用{{}}将data中定义的变量名包住实现复制,但是在标签中,如果单纯地赋给

<Option value="(CurrentYear-1).toString()">{{CurrentYear-1}}Option>

最终的效果就是
value被赋值了"(CurrentYear-1).toString()"string字符串
因为我定义了CurrentYear是int,所以要转为string
解决方法
就是把value标签前加一个‘冒号’,冒号可以让value变成一个动态的,这样他收到的含义就是我要获取CurrentYear这个变量的值,那么就会去data里面获取后赋值,转为String后为最终结果所用。虽然没有达到动态标签属性的目的,但这样可以实现要求。

<Option :value="(CurrentYear-1).toString()">{{CurrentYear-1}}Option>

你可能感兴趣的:(前端学习笔记,创新实训记录)