layer前端日期控件layui使用下载

展示效果

在这里插入图片描述

网页代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" id="startTimeStr"/>
    <input type="text" id="stopTimeStr"/>
    <link rel="stylesheet" href="C:/Users/19116/Desktop/layui-v2.6.8/layui-v2.6.8/layui/css/layui.css">
    <script type="text/javascript" src="C:/Users/19116/Desktop/layui-v2.6.8/layui-v2.6.8/layui/layui.js"></script>
    <script type="text/javascript">
        layui.use('layer', function(){
      
      
            //layer的日期框
            layui.laydate.render({
      
      
                elem: '#startTimeStr',
                type: 'datetime'
            });
            //layer的日期框
            layui.laydate.render({
      
      
                elem: '#stopTimeStr',
                type: 'datetime'
            });
        });
    </script>
</body>
</html>

免费下载链接

https://download.csdn.net/download/weixin_48860638/42404586

猜你喜欢

转载自blog.csdn.net/weixin_48860638/article/details/121330634
今日推荐