和 layer 一样,我们可以在 layui 中使用 layDate,也可直接使用 layDate 独立版,可按照实际需求来选择。options整理如下:

layui.use('laydate', function(){
var laydate = layui.laydate;
laydate.render({
elem: '#test' //Dom元素一般为input
,type: 'time' //可选year,month,day,time,datetime
,range: true //或 range: '~' 来自定义分割字符
,format:'yyyy年MM月dd日' //日期的格式
,value:'2018年08月18日' //初始值必须和format一致,也可以传new Date(timesamp)
,isInitValue //是否填充初始值,
,min:'2018-08-18' //固定格式,不一定和format一致
,min:- ,max: //前后七天
,trigger:'click' //弹出方式,默认为focus
,show :false //显示
,zindex: //层级,主要解决元素相互遮盖的情况
,btns:['clear','now','confirm'] //下角显示的按钮
,theme:default //主题可选 molv(墨绿)grid(格子)
,calendar:false //是否显示节日
,mark:{ '0-0-15':'中旬' //每月15号
, '0-10-1':'国庆' //每年十一
, '2017-7-17':'好运日' //特定日子
      }
,done:function(vale,date,enddate){
console.log(value); //得到日期对象 2017-07-17
console.log(date); //得到时间对象 {year:2017,month:8date:18,hour......}
console.log(endDate); //返回结束时间对象,开启range才有,返回格式和上边一致
    }
  });
});

:这是为了个人查找方便整理的文档,并没有总结完全,查看更多可访问官网http://www.layui.com/doc

最新文章

  1. MySQL种种
  2. 【转】HTTP长连接与短连接
  3. 【重走Android之路】【Java面向对象基础(一)】数据类型与运算符
  4. translate函数使用
  5. js打开新的窗体不被浏览器阻止
  6. Bootstrap 字形图标(Glyphicons)
  7. 集合判断null
  8. android获取系统版本号
  9. NYOJ--94--cigarettes
  10. HDOJ 3308 LCIS (线段树)
  11. 嵌入式电路中的BUCK VS LDO【转】
  12. java常用设计模式十一:策略模式
  13. RouterOS SOCKS代理服务器(官方文档翻译)
  14. js 继承介绍
  15. javaweb浏览器url上项目名称的更改
  16. 终极方法,pjsip发起多方对讲出错Too many objects of the specified type (PJ_ETOOMANY)
  17. 关于 tf.nn.softmax_cross_entropy_with_logits 及 tf.clip_by_value
  18. 【分块】bzoj1858 [Scoi2010]序列操作
  19. Saving output of a grep into a file with colors
  20. SpringCloud+MyBatis+Redis整合—— 超详细实例(一)

热门文章

  1. Maven的课堂笔记4
  2. jetty 之 form too large | form too many keys 异常
  3. 组件vue传值
  4. [转帖]龙芯下一代处理器微结构GS464E细节曝光
  5. Windows平台下面Oracle11.2.0.1 升级Oracle11.2.0.4 的简单步骤
  6. 【Mysql】—— 索引的分类
  7. Linux 文本处理工具grep,sed,awk
  8. spring boot 系列之五:spring boot 通过devtools进行热部署
  9. 删除linux下的指定文件
  10. 洛谷P1516 青蛙的约会(扩展欧几里德)