当前位置: 首页 > article >正文

element-ui calendar 组件源码分享

ndar 日历组件源码分享,主要从以下三个方面。

1、calendar 组件页面结构。

2、calendar 组件属性。

3、calendar 组件 slot 挂载。

一、组件页面结构。

二、组件属性。

2.1 value / v-model 绑定值,类型为 Date/string/number,无默认值。

2.2 range 时间范围,包括开始时间与结束时间。开始时间必须是周一,结束时间必须是周日,且时间跨度不能超过两个月,类型为 array,无默认值。

2.3 first-day-of-week 周起始日,类型为 number,可选值 1-7,默认 1。

 

三、组件 dateCell slot 挂载。

3.1 date 单元格代表的日期,类型为 Date,无默认值。

3.2 data { type, isSelected, day},type 表示该日期的所属月份,可选值有 prev-month,current-month,next-month;isSelected 标明该日期是否被选中;day 是格式化的日期,格式为 yyyy-MM-dd,类型为 object,无默认值。

3.2 组件内部事件。


http://www.kler.cn/a/601200.html

相关文章:

  • 软件测试之单元测试/集成测试/系统测试详解
  • CentOS 7部署主域名服务器 DNS
  • Windows 下使用 Docker 部署 Go 应用与 Nginx 详细教程
  • DeepSeek smallpond为何选中DuckDB?轻量级分析数据库的“屠龙术“
  • 内核编程十三:进程状态详解
  • React 知识回顾(HOC、合成事件、Fiber)
  • 【数据结构进阶】位图
  • Python Sanic面试题及参考答案
  • 手动创建kkFileView4.4.0镜像
  • 嵌入式八股RTOS与Linux--hea4与TLSF篇
  • 算法题(107):function
  • ARM异常处理流程与中断机制总结,与常见丢中断情况
  • 【服务器环境安装指南-指定 cuda 版本】在 Ubuntu 22.04 上完成 cuda-toolkit 12.0 和 cudnn 12.x 的安装教程
  • 风格混合增强的解纠缠学习在医学图像分割的无监督域自适应中的应用|文献速递-医学影像人工智能进展
  • 程序化广告行业(31/89):人群分类与广告投放策略全解析
  • 沪深300股指期货的看涨看跌方式是怎样的?
  • 【鸿蒙开发】第五十一章 Camera Kit(相机服务)
  • ragflow安装es报错怎么办
  • 云原生进化:架构现代化的核心引擎
  • 优先级与环境变量的艺术:驾驭 Linux 系统的核心