Layui日期多选，laydate多选

最新推荐文章于 2024-08-22 17:29:05 发布

慕云枫

最新推荐文章于 2024-08-22 17:29:05 发布

阅读量4.7k

点赞数 2

分类专栏： layui 前端文章标签： layui js html javascript

本文链接：https://blog.csdn.net/weixin_43992507/article/details/114398887

版权

效果如下
在这里插入图片描述
实现方式
建议使用2.3.x及以上版本的layui
复制下面代码，引入layui的css和js即可使用

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>layui日期多选</title>
    <link rel="stylesheet" href="layui/css/layui.css">
    <style>
        .laydate-day-mark {
    
            background-color: #5FB878;
            color: white;
        }
        .laydate-day-mark::after {
    
            background-color: #5FB878;
        }
		</style>
</head>
<body