iview中时间选择器可设置选择范围方法(一个月 一周等)

简介: iview中时间选择器可设置选择范围方法(一个月 一周等)
 <DatePicker
              type="datetimerange"
              :clearable="false"
              :options="options"
              :value='changeTime'
              placement="bottom-end"
              format="yyyy-MM-dd HH:mm:ss"
              placeholder="选择日期"
              style="width: 200px"
              @on-change='tiemChange'></DatePicker>
data () {
  return {
                 changeTime: [getDate('yyyy-MM-dd 00:00:00'), getDate('yyyy-MM-dd 23:59:59')],
                  options: {
                    disabledDate (date) {
                      return date && date.valueOf() > Date.now()
                    }
                  },
  }
}
 // 选择日期变化
    tiemChange (event) {
      event[1] = event[1].replace(/00:00:00/, '23:59:59')
      const day = Math.floor((getTime(event[1]) - getTime(event[0])) / 86400000)
      if (day > 30) {
        // this.changeTime = [getDate('yyyy-MM-dd 00:00:00'), getDate('yyyy-MM-dd 23:59:59')]
        return this.$Message.error('日期范围最大选择30天')
      } else {
        this.changeTime = event
        this.getTableList(1)
      }
    },
相关文章
Uni-App - 使用 iconfont 图标或者自定义图标
Uni-App - 使用 iconfont 图标或者自定义图标
1272 0
Uni-App - 使用 iconfont 图标或者自定义图标
|
JavaScript
Vue-Awesome-Swiper基本能解决你所有的轮播需求(vue的问题)
Vue-Awesome-Swiper基本能解决你所有的轮播需求(vue的问题)
1536 1
|
前端开发 JavaScript 开发者
利用 el-select 和 el-tree 实现树形结构多选框联动功能
本文详细介绍了如何使用ElementUI中的el-select下拉选择器和el-tree树形控件来实现多功能联动选择器,包括多选、删除、搜索、清空选项等功能。通过树形控件展示复杂的层级结构,用户可以通过下拉选择树形节点,实时搜索节点,且支持批量选择和删除功能。文中提供了完整的HTML、JavaScript和CSS代码实现,帮助开发者快速集成此功能。
6618 0
利用 el-select 和 el-tree 实现树形结构多选框联动功能
|
9月前
|
Linux 网络安全 开发工具
liunx环境手动安装.net8的教程
本教程适用于 Linux 环境,核心为手动安装.NET 8。步骤包括下载对应 Linux 架构的.NET 8 安装包,解压至指定目录,配置环境变量以确保系统识别,最后通过命令验证安装是否成功。整个过程无需依赖自动安装工具,操作简洁,可满足用户在 Linux 系统中手动部署.NET 8 的需求。
1649 3
|
JavaScript 小程序 前端开发
uni-app/微信小程序:scroll-view纵向滚动高度自适应flex布局填充剩余高度
uni-app/微信小程序:scroll-view纵向滚动高度自适应flex布局填充剩余高度
2694 0
|
开发工具 git
git报错:‘origin’does not appear to be a git repository
原因 是由于git找不到远端的仓库地址了,在git文件夹下,config文件里配置上即可😎 具体解决方法 记事本打开.git文件夹下的config文件
1152 0
git报错:‘origin’does not appear to be a git repository
|
开发工具 Android开发
Please select Android SDK的解决
Please select Android SDK的解决
675 0
|
JavaScript Linux
linux安装pm2全过程
linux安装pm2全过程
1183 0
|
人工智能 自动驾驶 物联网
5G到底有多牛?一文看懂它的原理与优势!
5G到底有多牛?一文看懂它的原理与优势!
1054 19
|
资源调度 分布式计算 Hadoop
揭秘Hadoop Yarn三大调度器:如何玩转资源分配,实现高效集群管理?
【8月更文挑战第24天】Hadoop YARN(Another Resource Negotiator)是一款强大的集群资源管理工具,主要负责高效分配及管理Hadoop集群中的计算资源。本文深入剖析了YARN的三种调度器:容量调度器(Capacity Scheduler)、公平调度器(Fair Scheduler)以及FIFO调度器,并通过具体的配置示例和Java代码展示了它们的工作机制。
559 2

热门文章

最新文章