el-date-picker设置默认当前日期

HTMl部分: 

<el-form-item label="拍摄时间:">
    <el-date-picker
     v-model="searchData.filmingTimeRange"
     type="daterange"
     align="right"
     unlink-panels
     range-separator="至"
     start-placeholder="开始日期"
     end-placeholder="结束日期"
     :picker-options="pickerOptions"
     value-format="yyyy-MM-dd"
    />
</el-form-item>

JS部分:

searchData: {
    pageNum: 1,
    pageSize: 10,
    filmingTimeRange: null,
    dwName: null,
    qyName: null
},


mounted() {
    this.getNowDate()
},

methods:{
    getNowDate() {
      var now = new Date()
      var year = now.getFullYear()
      var month = now.getMonth()
      var date = now.getDate()
      month = month + 1
      month = month.toString().padStart(2, '0')  //指定长度为2,不足2的话,从开始填充字符串0
      date = date.toString().padStart(2, '0')
      var defaultDate = `${year}-${month}-${date}`
      this.$set(this.searchData, 'filmingTimeRange', [defaultDate, defaultDate])
    },
}

可写成工具类,以供其他页面显示:

utils文件夹下getNowDateRange.js文件代码:

// 获取当前日期范围
export function getNowDate() {
  var now = new Date()
  var year = now.getFullYear()
  var month = now.getMonth()
  var date = now.getDate()
  month = month + 1
  month = month.toString().padStart(2, '0')
  date = date.toString().padStart(2, '0')
  var defaultDate = `${year}-${month}-${date}`
  return defaultDate
}
import { getNowDate } from '@/utils/getNowDateRange'

data(){
    return{
        searchData: {
            pageNum: 1,
            pageSize: 10,
            filmingTimeRange: [getNowDate(), getNowDate()],
            dwName: null,
            qyName: null
      },
    }
}

也可使用MomentJS函数

import moment from 'moment'

 searchData: {
        pageNum: 1,
        pageSize: 10,
        filmingTimeRange: [moment().locale('zh-cn').format('yyyy-MM-DD'), moment().locale('zh-cn').format('yyyy-MM-DD')],
        dwName: null,
        qyName: null
      },

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值