layui框架中出现laydate.render is not a function等问题

### 基本用法 `laydate.render(options)` 是 Layui 框架中用于初始化日期时间选择器的方法。通过传入配置参数 `options` 来定义日期控件的行为和样式。 以下是一个基础示例，展示如何绑定一个输入框并启用日期时间选择器： ```html <input type="text" id="test" /> <script> layui.use('laydate', function(){ var laydate = layui.laydate; // 初始化日期时间选择器 laydate.render({ elem: '#test', // 绑定元素的ID type: 'datetime' // 设置选择类型为日期+时间 }); }); </script> ``` ### 进阶用法 除了基本功能外，`laydate.render` 还支持多种扩展配置，例如设置最小/最大日期、主题颜色、以及动态提示等。 #### 设置最小/最大日期范围 可以使用 `min` 和 `max` 属性来限制用户可选择的日期范围： ```html <input type="text" id="test3" /> <script> layui.use('laydate', function(){ var laydate = layui.laydate; laydate.render({ elem: '#test3', type: 'datetime', min: '2019-7-28 12:30:00', max: '2019-8-28 12:30:00', theme: '#393D49', calendar: true }); }); </script> ``` #### 动态提示与事件监听 可以通过 `change` 事件监听日期变化，并调用 `hint` 方法在控件上显示当前值： ```html <input type="text" id="test" /> <script> layui.use(['laydate'], function(){ var laydate = layui.laydate; var ins1 = laydate.render({ elem: '#test', change: function(value, date) { ins1.hint(value); // 在控件上弹出当前选择的值 } }); }); </script> ``` #### 自定义触发方式 默认情况下，控件会在点击输入框时弹出，但也可以通过 `trigger` 参数自定义触发行为，例如通过点击按钮打开日期选择器： ```html <input type="text" id="test" /> <button class="layui-btn" onclick="openDate()">打开日期选择器</button> <script> var ins1; layui.use('laydate', function(){ var laydate = layui.laydate; ins1 = laydate.render({ elem: '#test', type: 'date', trigger: 'click' // 触发方式为点击 }); }); function openDate() { ins1.hint(); // 手动触发弹出控件 } </script> ``` ### 主题与样式定制 Layui 允许通过 `theme` 参数修改日期控件的主题色，以匹配网站的整体风格： ```html <input type="text" id="test_theme" /> <script> layui.use('laydate', function(){ var laydate = layui.laydate; laydate.render({ elem: '#test_theme', theme: '#FF5722' // 使用橙红色主题 }); }); </script> ``` ### 显示公历节假日信息 如果希望在日历中显示公历节假日信息，可以启用 `calendar: true` 配置项： ```html <input type="text" id="test_calendar" /> <script> layui.use('laydate', function(){ var laydate = layui.laydate; laydate.render({ elem: '#test_calendar', calendar: true // 启用公历节假日显示 }); }); </script> ```