zoukankan      html  css  js  c++  java
  • layui(一)——layDate组件常见用法

      和 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:-7 ,max:7               //前后七天
            ,trigger:'click'             //弹出方式,默认为focus
            ,show :false                 //显示
            ,zindex:666                  //层级,主要解决元素相互遮盖的情况
            ,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

  • 相关阅读:
    视频聊天相关技术介绍
    block相关归纳
    block的作用
    block教程
    向appstore提交app流程
    ios xmpp 发送语音图片解决方案
    python 三元运算、列表推倒式、字典推倒式、生成器生成式
    python 生成器
    python 迭代器(第二次总结)
    python 迭代器
  • 原文地址:https://www.cnblogs.com/wyy1234/p/9436827.html
Copyright © 2011-2022 走看看