基于 layui 的日期選擇器插件。以下是一個(gè)簡(jiǎn)單的示例,演示了如何使用 LayDate:
<!DOCTYPE html> <html lang=“zh-CN”> <head> <meta charset=“UTF-8”> <meta name=“viewport” content=“width=device-width, initial-scale=1.0”> <title>LayDate 示例</title> <link rel=“stylesheet” href=”https://cdn.staticfile.org/layui/2.6.8/css/layui.css%22%3E </head> <body>
<h1>LayDate 示例</h1>
<input type=“text” id=“dateInput” placeholder=“請(qǐng)選擇日期”>
<script src=”https://cdn.staticfile.org/layui/2.6.8/layui.js%22%3E%3C/script%3E <script> layui.use(‘laydate’, function() { var laydate = layui.laydate;
// 初始化 LayDate laydate.render({ elem: ‘#dateInput’, // 綁定元素 type: ‘date’, // 設(shè)置日期格式為 yyyy-MM-dd theme: ‘molv’, // 設(shè)置主題風(fēng)格 done: function(value, date) { // 選擇日期后的回調(diào)函數(shù) console.log(value); // 打印選擇的日期值 } }); }); </script>
</body> </html>