日期和时间 - layui.laydate 简单使用

时间 2019-11-10

标签日期时间 layui.laydate layui laydate 简单使用繁體版

原文原文链接

1.文件的引入css

<script src="http://cdn.bootcss.com/jquery/1.12.3/jquery.min.js"></script>
<script src="layer/layer.js"></script>
<script src="laydate/laydate.js"></script>

2.简单使用仅供记忆html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
    <title></title>
    
</head>
<body>
    <input type="text" id="text1">
</body>

</html>

<script src="http://cdn.bootcss.com/jquery/1.12.3/jquery.min.js"></script>
<script src="layer/layer.js"></script>
<script src="laydate/laydate.js"></script>
<script>
laydate.render({
    elem:'#text1',//制定元素
    type:'date',
    //range:true,//开启左右面板
    min:'2017-09-1',//
    max:'2017-10-1',//规定时间期限
    trigger:'mouseover',//定义鼠标悬停时弹出控件
    show:true,//默认显示
    position:'absolute',
    //btns:['clear','now'],//工具按钮 默认值['clear', 'now', 'confirm']
    theme:'#393D49',//主题颜色
    calendar:true,//是否显示公历节日
    mark:{
        '2017-9-21': '发布'//自定义标注重要日子
    },
    done:function(value,date){//value, date, endDate点击日期、清空、如今、肯定均会触发。回调返回三个参数，分别表明：生成的值、日期时间对象、结束的日期时间对象
        console.log(value);
        console.log(date);
    }
});
</script>