技术饭
layer.prompt输入框改成laydate时间控件
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'也不显示日期控件呢?