進入https://www.layui.com/首頁下載layui文件
下載解壓后把文件放在static靜態文件中,
html頁面引入css和js
<link rel="stylesheet" href="/static/layui/css/layui.css" media="all"> <script src="/static/layui/layui.js"></script>
選定日歷要放置的代碼塊,js也順便放在旁邊了,
<div class="newsbox f_l " id="test-n1"> <div class="newstitle"><span><a href="/zcfg/">+</a></span><b>日歷</b></div> <script> layui.use('laydate', function () { var laydate = layui.laydate; laydate.render({ elem: '#test-n1' , position: 'static' }); }); </script> </div>
頁面效果,
官網上面有很全的教程,
done。