layui常用审核弹窗

最新推荐文章于 2023-09-18 09:48:24 发布

爱智慧的打工人

最新推荐文章于 2023-09-18 09:48:24 发布

阅读量1.7k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/weixin_43596905/article/details/106895514

版权

本文详细介绍了layui框架中常用的审核弹窗组件的使用方法，包括如何创建弹窗、设置确认和取消按钮的回调、以及如何在弹窗内进行表单验证。通过实例展示，帮助开发者更好地理解和应用layui弹窗在审核流程中的功能。

摘要由CSDN通过智能技术生成

var str = `<div>
                       <div style='font-weight: bold;color: #999;font-size: 16px'>工时审核</div>
                        <div style="margin-top: 15px"><span class="label">是否通过：</span><div class="layui-inline interval interval-small"><input class="layui-input" type="text" id="endDate"  style="width: 90%" value="" autocomplete="off" placeholder="请选择"></div></div>
                        <div class='font-red' style="margin: 15px 0">审核后可取消审核，<span style='color: #999'>确定审核吗？</span></div>
                  </div>`;
        layer.confirm(str, {
   icon: 7, title: '',btnAlign: 'c',success: function () {
   
                layui.laydate.render({
   
                    elem: '#endDate',
                    type: 'date',
                    range: false,
                    theme: '#1E9FFF'
                });
            }},function (index) {
   //按钮回调
            $.ajax({
   
                type:'post',