一. 效果图

                    

二. 实现功能

  1. 时间快捷键对应的时间段获取方法封装，需要注意本周，上周，采用的是周一到周日日历模版去的间隔。
  2. 日历网上找的一个demo，改装成自己项目中要求的样子。限制了未来月份不能切换，最小切换月份2018年1月。
  3. 日历展示样子有两种模版：周一到周日，周日到周六。
  4. 月历，季历设置了未来时间段不可点击。

注意：安卓，ipone手机日历统一默认的标准（周日到周六），假如手机日历展示模式改（周二到周日），我们本周，上周区间选择还是根据日历统一默认标准获取，向前移动一位，展示模版周一到周日的区间。

总体来说，不管手机修改日历展示模式为哪种，我们js获取Date对象，对应标准都是（周日到周六）模式。

三. 代码地址

项目地址：git@github.com:xuweixiao/vue-calendar.git

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue