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)
      }
    },
相关文章
|
Linux 数据安全/隐私保护
百度搜索:蓝易云【Centos7系统中找不到yum及安装方法。】
综上所述,如果你在CentOS 7系统中找不到 `yum`命令,可以通过重新安装 `yum`来解决问题。
1577 0
|
6月前
|
弹性计算 人工智能 前端开发
阿里云特价云服务器:轻量应用服务器38元与199元,云服务器99元和199元对比与选择参考
2026年,阿里云推出多款特价云服务器,包括轻量应用服务器2核2G 38元/年、2核4G 199元/年,以及云服务器ECS经济型e实例99元/年、通用算力型u1实例199元/年,满足从个人开发者到成熟企业的不同需求。轻量应用服务器快速交付、简化运维,适合轻量级应用;ECS则提供更灵活专业的选项,适合需要稳定性和扩展性的业务。用户可根据需求、预算和长期成本考量选择合适的产品。
826 4
|
8月前
|
数据采集 人工智能 自然语言处理
开源大模型微调对比:选对模型,让定制化更高效
本文对比Llama 3、Qwen2.5、Mistral三款开源大模型在中文场景下的微调表现,从算力门槛、数据效率、任务适配性等维度分析,结合实战案例与主观评估,为开发者提供选型建议,助力高效构建定制化AI模型。
|
9月前
Qt6 QML 实现DateTimePicker组件
基于Qt6 QML实现的DateTimePicker组件,支持日期时间选择、键盘导航与范围限制,提供美观的深色主题界面,适用于桌面与嵌入式应用,易于集成与定制。
333 1
|
10月前
|
Linux 网络安全 开发工具
liunx环境手动安装.net8的教程
本教程适用于 Linux 环境,核心为手动安装.NET 8。步骤包括下载对应 Linux 架构的.NET 8 安装包,解压至指定目录,配置环境变量以确保系统识别,最后通过命令验证安装是否成功。整个过程无需依赖自动安装工具,操作简洁,可满足用户在 Linux 系统中手动部署.NET 8 的需求。
1739 3
|
人工智能 自动驾驶 物联网
5G到底有多牛?一文看懂它的原理与优势!
5G到底有多牛?一文看懂它的原理与优势!
1117 19
|
前端开发 JavaScript 开发者
利用 el-select 和 el-tree 实现树形结构多选框联动功能
本文详细介绍了如何使用ElementUI中的el-select下拉选择器和el-tree树形控件来实现多功能联动选择器,包括多选、删除、搜索、清空选项等功能。通过树形控件展示复杂的层级结构,用户可以通过下拉选择树形节点,实时搜索节点,且支持批量选择和删除功能。文中提供了完整的HTML、JavaScript和CSS代码实现,帮助开发者快速集成此功能。
6729 0
利用 el-select 和 el-tree 实现树形结构多选框联动功能
|
资源调度 分布式计算 Hadoop
揭秘Hadoop Yarn三大调度器:如何玩转资源分配,实现高效集群管理?
【8月更文挑战第24天】Hadoop YARN(Another Resource Negotiator)是一款强大的集群资源管理工具,主要负责高效分配及管理Hadoop集群中的计算资源。本文深入剖析了YARN的三种调度器:容量调度器(Capacity Scheduler)、公平调度器(Fair Scheduler)以及FIFO调度器,并通过具体的配置示例和Java代码展示了它们的工作机制。
586 2
|
JavaScript API
【Vue 3】推荐 1 个简约且美丽的天气组件
【Vue 3】推荐 1 个简约且美丽的天气组件
|
安全 开发者 iOS开发
如何获取安全获取苹果udid,imei
【8月更文挑战第12天】在iOS系统中,苹果出于隐私考量已禁止开发者直接获取设备UDID与IMEI。替代方案包括:1) **供应商标识符** (`[UIDevice currentDevice].identifierForVendor`),适用于同一开发者账号下的应用,可能随应用卸载重装而变化;2) **广告标识符** (`[ASIdentifierManager sharedManager].advertisingIdentifier`),用于广告追踪,用户可选择重置或限制。处理这些标识符时务必遵守苹果隐私政策。
936 1

热门文章

最新文章