日期和時間 - 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>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。