<el-date-picker
v-else
v-model="searchForm.data_Selected"
type="daterange"
unlink-panels
range-separator="~"
start-placeholder="開始期間"
end-placeholder="終了期間"
:picker-options="pickerOptions"
format="yyyy/MM/dd">
</el-date-picker>
data() {
return {
pickerOptions: {
shortcuts: [{
text: '今日',
onClick(picker) {
const end = new Date()
const start = new Date()
picker.$emit('pick', [start, end])
}
}, {
text: '昨日',
onClick(picker) {
const end = new Date()
const start = new Date()
start.setTime(start.getTime() - 3600 * 1000 * 24)
end.setTime(end.getTime() - 3600 * 1000 * 24)
picker.$emit('pick', [start, end])
}
}, {
text: '先週',
onClick(picker) {
var weekDate = new Date(new Date().getTime() - 7 * 24 * 3600 * 1000)
var weekDate2 = new Date(new Date().getTime() - 7 * 24 * 3600 * 1000)
var day = weekDate.getDay()
var time = weekDate.getDate() - day + (day === 0 ? - 6 : 1)
var startDate = new Date(weekDate.setDate(time))
var start = startDate.getFullYear() + '-' + (startDate.getMonth() +1 ) + '-' + startDate.getDate()
var endDate = new Date(weekDate2.setDate(time + 6))
var end = endDate.getFullYear() + '-' + ( endDate.getMonth() + 1) + '-' + endDate.getDate()
picker.$emit('pick', [start, end])
}
}, {
text: '先月',
onClick(picker) {
var year = new Date().getFullYear()
var month = new Date().getMonth()
if (month === 0) {
month = 12
year = year - 1
} else if (month < 10) {
month = '0' + month
}
var monthDate = new Date(year, month, 0)
var start = year + '-' + month + '-01'
var end = year + '-' + month + '-' + monthDate.getDate()
picker.$emit('pick', [start, end])
}
}, {
text: '今月',
onClick(picker) {
var year = new Date().getFullYear()
var month = new Date().getMonth() + 1
const start = year + '-' + month + '-01'
const end = new Date()
picker.$emit('pick', [start, end])
}
}]
},
searchForm: {
data_Selected: ''
}
}
}

效果图:

最新文章

  1. java位运算符常见用法
  2. android学习笔记47——读写SD卡上的文件
  3. Liferay 7 portlet中所有能在@Component中修改的属性
  4. DVDRW光驱无法读DVD刻录盘
  5. JS实用代码收集
  6. nyoj 括号匹配
  7. C# ORM—Entity Framework 之Code first(代码优先)(二)
  8. ACdream 1069 无耻的出题人
  9. 项目实战(连载):基于Angular2+Mongodb+Node技术实现的多用户博客系统教程(2)
  10. Java常用类之【字符串相关类型】
  11. Java-HttpSession
  12. 我的第二本译作《精通OpenStack》上架啦:前言、目录和样章
  13. CSS效果:这里有你想要的CSS3漂亮的自定义Checkbox各种复选框
  14. 百度地图支持https
  15. 聊聊Java反射
  16. Windows抓屏技术
  17. HDU 2053 Switch Game
  18. UX求职:FB和微软这些大佬公司看重的UX设计师技能,你还差几条?
  19. python day04作业
  20. 【Unity】7.4 游戏外设输入

热门文章

  1. luogu P3412 仓鼠找sugar II 期望 树形dp
  2. 把项目从码云上clone到IntelliJ IDEA
  3. 关于SqlServer那些事1(回归基础)
  4. jmeter分布式踩得坑汇总
  5. stat 命令家族(1)- 详解 vmstat
  6. Python实现进度条和时间预估的示例代码
  7. Make Windows 10 Comfortable
  8. git使用-分支管理
  9. keil 5.29 无法找到 flash的算法文件
  10. [开源] .Net ORM FreeSql 1.8.0-preview 最新动态播报(番号:我还活着)