Skip to content
forked from layui/laydate

layDate(日期与时间组件) 是 layui 独立维护的三大组件之一,我们在 5.0 的版本对其进行了一次惊艳的重写

License

Notifications You must be signed in to change notification settings

kuckboy1994/laydate

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

54 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

说明

此版本是在layDate 5.0.85版本上进行修改的。 修正bug

  1. 当min的 比 max的 大的时候。在切换到月份显示界面的时候,最小值的月份没有显示可点。

  2. 修复了日历组件切换年月页面在排除模式下的显示问题。类似问题1。

  3. 增加了时间过滤日期的功能。参数如下:

laydate.render({
    elem: '#test1',
    value: '2017-11-30',
    min: '2017-11-10',
    max: '2017-11-20',
    uselessDate: {                      // 增加了配置字段
        list: ['2017-11-11', '2017-11-13', '2017-11-15']  // 过滤时间列表
    },
    done: function (data) {
        alert(data)
    }
});
  1. 增加了选择最近的功能。参数如下:
laydate.render({
    elem: '#test1',
    value: '2017-11-30', //必须遵循format参数设定的格式
    min: '2017-11-10',
    max: '2017-11-20',
    btns: ['last'],         // 增加了配置属性 last, 事件钩子同样适用,注意:一定要配合max和min参数一起使用
    done: function (data) {
        alert(data)
    }
});

注意:一定要配合max和min参数一起使用

  1. 增加了反向过滤时间的功能。
laydate.render({
    elem: '#view_date',
    value: res.result[length - 1],
    min: res.result[0],
    max: res.result[length - 1],
    useFlag: 'useful',  // 默认参数 useless 可选参数 useful
    usefulDate: {
        list: res.result
    }
});

增加了配置参数useFlag: 默认useless 可选参数useful; 使用useless需配置uselessDate 见新增功能1 使用useful需配置usefulDate 参数格式和 uselessDate一致。 usefulDate中的数据可以选中。

  1. 增加了暗黑主题
laydate.render({
    elem: '#view_date',
    theme: 'dark'
});

概要

全面重写的 layDate 包含了大量的更新,其中主要以:年选择器、年月选择器、日期选择器、时间选择器、日期时间选择器 五种类型的选择方式为基本核心,并且均支持范围选择(即双控件)。内置强劲的自定义日期格式解析和合法校正机制,含中文版和国际版,主题简约却又不失灵活多样。由于内部采用的是零依赖的原生 JavaScript 编写,因此又可作为独立组件使用。毫无疑问,这是 layui 的虔心之作。

官网

http://www.layui.com/laydate/

相关

文档社区

About

layDate(日期与时间组件) 是 layui 独立维护的三大组件之一,我们在 5.0 的版本对其进行了一次惊艳的重写

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Languages

  • JavaScript 92.1%
  • CSS 7.9%