vue-datetime

使用vue编写的时间组件,小巧实用,支持vue1.0,vue2.0

v1.0 功能:

1.支持同时展开多个日期选择框

2.支持单击选中和取消,可配置单选和多选

3.支持双击启动连续选择,支持正向连续,逆向连续和跳跃不可选日期

4.支持在日期选择框内直接切换月份

5.支持初始化不可点击日期(剩余的可选择)

6.支持初始化已选择日期(已选择日期高亮)

7.支持初始化可选择日期(剩余的不可选择)

8.同时初始化不可点击和可点击日期,将以可点击日期为准

v1.1:

1.修复已知bug

v1.2:

1.重构代码,使代码更优雅和简洁

2.性能优化

3.完善功能,使多时间框和原地切换时间共存

4.支持不传入options 和datelist的使,默认显示当前日期并且可原地切换日期

用法:

github源码地址;

图示:

关于vue.js组件的教程,请大家点击专题进行学习。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

vue 日期前面加0_vue日期组件 支持vue1.0和2.0相关推荐

  1. vue 管理后台 使用虚拟键盘组件 支持中英文切换

    前言:在大型触屏设备(如双屏设备)中,就没有键盘去操作,而且在触屏input或者textarea的输入时候就无法去输入值,没办法触发输入框enter事件,所以就需要去建立一个虚拟键盘去操作 就想着找一 ...

  2. vue 路由懒加载,组件异步加载

    用于缓解首屏加载缓慢 1. vue异步组件 vue-router配置路由 , 使用vue的异步组件实现按需加载 { path: '/home',name: 'Home', component: res ...

  3. 尤雨溪介绍 Vue 3:语法不变、TS 支持很好、2.0 系列还会发一个版本

    此前 Vue 发布了 3.0 的 beta 版本,不久后项目核心开发者尤雨溪公开分享了关于该版本的相关信息. 首先,beta 阶段意味着: 已合并所有计划内的 RFC 已实现所有被合并的 RFC Vu ...

  4. load方法引入本地html报错,分享基于plus.downloader的图片懒加载功能,支持本地缓存v1.1.0...

    今天试用了下hello mui上的图片懒加载功能,发现有些地方还无法满足我的需求,ajax动态加载的时候无法实现懒加载. 然后又看了下36kr的示例,因为代码关系实在太多了,耦合度比较高,遂自己动手写 ...

  5. 7 种最棒的 Vue Loading 加载动画组件测评与推荐 - 穷尽市面上所有加载动画效果(Vue loader)类型

    本文完整版:<7 种最棒的 Vue Loading 加载动画组件测评与推荐> 目录 7 种不同类型的 Vue Loading 加载动画组件 1. Vue Simple Spinner - ...

  6. 小程序日期加时间筛选组件

    小程序日期加时间筛选组件 新建component->date-time-picker .wxml <picker mode="multiSelector" class= ...

  7. element 日期选择图标_element-ui日期组件DatePicker设置日期选择范围Picker Options

    element-UI提供了DatePicker日期选择器组件,可以让我们很方便的获取到日期,默认的选择是全部的日期都可以选择的,但是很多场景中我们要对日期选择范围做限定,比如出行日期就不能选过去的日期 ...

  8. Python 日期 的 加减 等 操作

    datetime - Basic date and time types:https://docs.python.org/3.8/library/datetime.html dateutil --- ...

  9. python datetime 加一个月_Python日期的加减等操作的示例

    本文介绍了Python日期的加减等操作的示例,分享给大家,也给自己留个笔记 1. 日期输出格式化 所有日期.时间的api都在datetime模块内. 1. datetime => string ...

最新文章

  1. java 实现约瑟夫环
  2. java的数组是对象吗_在Java中数组是原始类型还是对象?
  3. 写在 Dubbo go 的第五年
  4. 自制一个 简易jQuery 的 API
  5. 方立勋_30天掌握JavaWeb_response
  6. 笛卡尔乘积算法的体现
  7. 【js监听报错】页面监听js报错问题
  8. 抽象线程之Parallel类
  9. php实现文本替换,php 如何实现文字替换
  10. javascript 应用_如何利用JavaScript的功能使您的应用脱机工作
  11. day18-基于DjangoORM的外键实现增加用户(含select标签)
  12. 教育|仝卓高考舞弊案细节曝光:为“恢复高考成绩”已起诉1年多
  13. 【TCP/IP】TCP的三次握手和四次挥手
  14. 终于购入Mac mini,发现HDMI接口与显示器不兼容,网购了一个VGA转换插头
  15. 网络编程基础知识之线程安全
  16. SQL Server 2017 AlwaysOn AG 自动初始化(十六)
  17. 嵌入式Linux开发与单片机开发的区别
  18. Android原生开发如何深入进阶?完整版开放下载
  19. 长方形面积计算机方式,长方形正方形面积计算
  20. 海淘也疯狂 跨境电商网站8月监测报告

热门文章

  1. Mysql用navicat操作导出查询结果
  2. Go判断输出数据类型
  3. java反射invoke空指针_【Java】Java 反射 object is not an instance of declaring cla
  4. php网站分享qq代码下载,HTML5QQ登录的一篇代码分享
  5. ubuntu 12.04 php mysql_Ubuntu 12.04下LAMP安装配置
  6. php 扩展 mysql_PHP链接MySQL的常用扩展函数
  7. visual studio学习python_一步一步学Python3(小学生也适用) 第三篇: Visual Studio Code
  8. chroot环境怎么重启linux,linux下简易chroot环境的塔建
  9. 查看MySQL的版本
  10. 魅族Android10内测招募答案,10款机型升级Android 10!魅族Flyme即日起内测招募