vue3实现日历日期选择(不使用任何插件,纯javaScript实现)

个人项目地址: SubTopH前端开发个人站

(自己开发的前端功能和UI组件,一些有趣的小功能,感兴趣的伙伴可以访问,欢迎提出更好的想法,私信沟通,网站属于静态页面)

SubTopH前端开发个人站icon-default.png?t=N7T8https://subtop.gitee.io/subtoph.github.io/#/home

以上 是个人前端项目,欢迎提出您的建议

以下是正文内容...............

实现效果

vue3实现日历日期选择(不使用任何插件,纯javaScript实现)_第1张图片

实现功能介绍:

  1. 快捷键自定义
  2. 年和月的前进后退
  3. 选中日期格式的返回,包含格式化日期和时间戳和选择类型
  4. 限制最小和最大日期的选择范围

下面是日期选择组件完整代码






上面代码直接创建vue文件,在其他文件直接引入组件使用即可

你可能感兴趣的:(vue,javaScript,javascript,vue.js,css,html)