引用的时候要整体固定位置引用，只引用js就能同步引用css
要优先在head当中引用js保证css优先加载
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>laydate测试</title>
<style>
li {
list-style: none;
}
</style>
<script src="laydate/laydate.js"></script>
</head>
<body>
<input placeholder="请输入日期" class="laydate-icon" onclick="laydate()">
<br>
<br>
<input class="laydate-icon" id="demo" value="2014-6-25">
<script type="text/javascript">
laydate({
elem: '#demo'
})
</script>
<br>
<br>
开始日：<li class="laydate-icon" id="start" style="width:200px; margin-right:10px;"></li>
结束日：<li class="laydate-icon" id="end" style="width:200px;"></li>
<script>
var start = {//配置对象
elem: '#start',
format: 'YYYY/MM/DD hh:mm:ss',//分隔符可以任意定义
festival: true,//显示节日
min: laydate.now(), //设定最小日期为当前日期
max: '2099-06-16 23:59:59', //最大日期
istime: true,
istoday: false,
choose: function (datas) {//选择日期完毕的回调
end.min = datas; //开始日选好后，重置结束日的最小日期
end.start = datas //将结束日的初始值设定为开始日
}
}
var end = {
elem: '#end',
format: 'YYYY/MM/DD hh:mm:ss',
min: laydate.now(),
max: '2099-06-16 23:59:59',
istime: true,
istoday: false,
choose: function (datas) {
start.max = datas; //结束日选好后，重置开始日的最大日期
}
}
laydate(start)
laydate(end)
</script>
</body>
</html>
分类:
杂项插件
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码，我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· 白话解读 Dapr 1.15：你的「微服务管家」又秀新绝活了
· 上周热点回顾（2.24-3.2）