laydate使用官方使用方法

最新推荐文章于 2024-06-27 15:05:15 发布

安果移不动

最新推荐文章于 2024-06-27 15:05:15 发布

阅读量3.3k

点赞数

分类专栏： 004html

独学而无友，则孤陋寡闻。q群582951247

本文链接：https://blog.csdn.net/mp624183768/article/details/86567973

版权

004html 专栏收录该内容

61 篇文章 0 订阅

订阅专栏

官方地址

下载整个项目的包然后引用并按照官方文档使用它

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script type="text/javascript" src="laydate/laydate.js"></script>
    <script>
        //常规用法
        laydate.render({
            //显示在intpu
            elem: '#date'
        });
    //    带节日用法
        //开启公历节日
        laydate.render({
            elem: '#date2'
            ,calendar: true
        });
        //自定义重要日
        laydate.render({
            elem: '#test18'
            ,mark: {
                '0-10-14': '生日'
                ,'0-12-31': '跨年' //每年的日期
                ,'0-0-10': '工资' //每月某天
                ,'0-0-15': '月中'
                ,'2017-8-15': '' //如果为空字符，则默认显示数字+徽章
                ,'2099-10-14': '呵呵'
            }
            ,done: function(value, date){
                if(date.year === 2017 && date.month === 8 && date.date === 15){ //点击2017年8月15日，弹出提示语
                    alert('这一天是：中国人民抗日战争胜利72周年');
                }
            }
        });
    </script>
</head>
<body>
<br><br>
<input type="text" id="date" cols="30" rows="10"></input>
<input type="text" id="date2" cols="30" rows="10"></input>
</body>