随笔记js

本文介绍了如何使用JavaScript获取并处理当前月份的时间,包括获取上个月、本月及下个月的日期,并展示了在el-calendar组件中如何实现点击事件触发日期变化。同时,还提及了如何通过数组去重的方法。
摘要由CSDN通过智能技术生成

js获取当前一个月时间

// An highlighted block
timestampProcessing(){
        var time = new Date();
        var year = time.getFullYear();
        var month = time.getMonth()+1;
        var day = time.getDate();
        // var hour = time.getHours();
        // var minute = time.getMinutes();
        // var second = time.getSeconds();
        
        let nowDate = year+'-'+(month<10?'0'+month:month)+'-'+(day<10?'0'+day:day)+' 23:59:59'
       
         if(month == 1) {    	
            year--
            month = 12
        }else if(month == 3 && day > 28) {

            //三月要考虑是否为闰年
            month--
            if(year%4 == 0 && year%100!=0 || year%400 == 0) {
                day = 29
            }else {
                day-28
            }
        }else if((month != 12 || month != 8 )&& day == 31) {
                
                //31号的月份要考虑上个月是否有31号
                month--
                day = 30
            }else {
                month--
                
            }
        // 一个月前的日期
        let pastDate = year + "-" + (month < 10 ? "0" + month : month) + "-" + (day < 10 ? "0" + day : day)+' 00:00:00'
        console.log(nowDate,pastDate)
    },

在这里插入图片描述
Alt
el-calendar组件的上个月,今天,下个月点击事件

// An highlighted block
 mounted () {
    this.$nextTick(() => {
          // 点击上一个月
        let upBtn = document.querySelector('.el-calendar__button-group .el-button-group>button:nth-child(1)');
            upBtn.addEventListener('click',() => {
            var year = this.value.getFullYear();
            var month = this.value.getMonth()+1;
            var day = this.value.getDate();
            this.start_time=year+'-'+(month<10?'0'+month:month)+'-'+(day<10?'0'+day:day)+' 00:00:00'
            console.log(this.start_time) //2022-07-26 00:00:00
            console.log(value,'上个月')
        })
        //今天
        let prevBtn = document.querySelector('.el-calendar__button-group .el-button-group>button:nth-child(2)');
            prevBtn.addEventListener('click',() => {
            var year = this.value.getFullYear();
            var month = this.value.getMonth()+1;
            var day = this.value.getDate();
            this.start_time=year+'-'+(month<10?'0'+month:month)+'-'+(day<10?'0'+day:day)+' 00:00:00'
            console.log(this.start_time) //2022-07-26 00:00:00
            console.log(value,'今天')
        })
        //下个月
        let nextBtn = document.querySelector('.el-calendar__button-group .el-button-group>button:nth-child(3)');
            nextBtn.addEventListener('click',() => {
            var year = this.value.getFullYear();
            var month = this.value.getMonth()+1;
            var day = this.value.getDate();
            this.start_time=year+'-'+(month<10?'0'+month:month)+'-'+(day<10?'0'+day:day)+' 00:00:00'
            console.log(this.start_time) //2022-07-26 00:00:00
            console.log(value,'下个月')
        })
    })
  },

注意:点击上个月,今天或者下个月事件时,可给组件双向绑定一个变量,可在点击后拿到上个月或者今天,下个月时间。

js数组去重

const result2 = newArr.filter((item, index) => {
	return newArr.findIndex(el => (el.xh == item.xh)) == index
})
```javascript

动态表单form-create-designer,官网:http://www.form-create.com/designer/?fr=de
效果图
在这里插入图片描述
官网有一系列方法,获取值,校验规则等等

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值