技术饭

layer.prompt输入框改成laydate时间控件

copylian    1 评论    11294 浏览    2021.09.18

layer.prompt输入框改成laydate时间控件,layui官方文档的解释:prompt的参数也是向前补齐的。options不仅可支持传入基础参数,还可以传入prompt专用的属性。当然,也可以不传。yes携带value 表单值index 索引elem 表单元素,输入框类型,支持0(文本)默认1(密码)2(多行文本),没有直接输入dom内容的方式。但是网上找到一个是formType:3的类型,测试可以。

1、方式1:

//弹出层大小 无法使用area设定宽高,但是可根据title文字内容变长

 layer.prompt({

        title: '请输入保证金退款时间(注:必填项)',

        content: '<input id="dadada" type="date" class="layui-layer-input">',

        formType: 3

}, function (enddate, index) {

        alert("日期:"+enddate)

})


2、方式2:

//设置时间

parent.layui.use('laydate', function(){

        var laydate = parent.layui.laydate;

        //日期

        laydate.render({

                elem: '#pay_time',

                type: 'datetime',

                range: false

        });

});

parent.layer.prompt({title: '请输入收款时间', content: '<input type="text" name="pay_time" id="pay_time" readonly="readonly" placeholder="请输入时间" lay-verify="pay_time" width="300" class="layui-layer-input layui-input">', formType: 3}, function(text, index){

});

只袄早~~~
感谢你的支持,我会继续努力!
扫码打赏,感谢您的支持!

文明上网理性发言!

  • readonly="readonly"设置了只读没法输入,控件绑定了日期 type: 'datetime'也不显示日期控件呢?