【Layui】时间日期控件

简介: 【Layui】时间日期控件

author:咔咔


wechat:fangkangfk


html:


 

<div class="layui-form-item">
            <label class="layui-form-label">日期时间选择器</label>
            <div class="layui-input-inline">
                <input type="text" class="layui-input" id="test5" placeholder="yyyy-MM-dd HH:mm:ss">
            </div>
        </div>
layui.use(['laypage','laydate' ,'layer','form'], function() {
        var laypage = layui.laypage
            , layer = layui.layer,
            form = layui.form;
        var laydate = layui.laydate;
        form.on('select(type_mid)', function(data){
            type_id = data.value;
        })
        //日期时间选择器
        laydate.render({
            elem: '#test5'
            ,type: 'datetime'
        });
    });

效果:

image.png

相关文章
|
10月前
|
Ubuntu 网络安全 容器
KubeSphere 是一个开源的容器平台,提供丰富的功能和便捷的操作界面,适用于企业容器化部署和管理
KubeSphere 是一个开源的容器平台,提供丰富的功能和便捷的操作界面,适用于企业容器化部署和管理。本文详细介绍了如何在 Ubuntu 22.04 上安装 KubeSphere,包括系统要求、安装依赖项、设置防火墙、下载安装脚本、选择安装选项、验证安装结果等步骤,并提供了常见问题的解决方法。希望本文能为读者提供实用的参考和帮助。
240 3
|
编解码
MATLAB | SCI 绘图配色第三四期 | 二维堆叠柱状图 | 大理寺日志
MATLAB | SCI 绘图配色第三四期 | 二维堆叠柱状图 | 大理寺日志
248 0
|
算法 安全 测试技术
Go - 常用签名算法的基准测试
Go - 常用签名算法的基准测试
100 2
|
JavaScript
详细讲解JS的解构赋值(Es6)
详细讲解JS的解构赋值(Es6)
|
JavaScript 前端开发 Python
优秀的前端框架vue,原理剖析与实战技巧总结【干货满满】(一)
优秀的前端框架vue,原理剖析与实战技巧总结【干货满满】(一)
289 0
|
Java 数据库连接 Spring
容器与Bean(二)
容器与Bean
119 0
|
数据挖掘 测试技术 项目管理
PMP备考之路 - 视频教程第四讲(范围管理)(二)
PMP备考之路 - 视频教程第四讲(范围管理)(二)
89 0
DC电源模块的能量损失问题
DC电源模块在实际应用中存在能量损失的问题,这主要是由于DC电源模块内部元件之间存在电阻,电容等等物理特性而引起的。在引起能量损失的过程中,主要有以下三种因素:
DC电源模块的能量损失问题
|
测试技术 Go
不同写法的性能差异(2)
不同写法的性能差异(2)
136 0
|
安全 数据安全/隐私保护
阿里云个人实名认证和企业实名认证有什么区别?
阿里云账号根据实名认证主体分为个人认证和企业认证两种,企业实名认证和个人实名认证有什么区别?区别大了,如果公司的阿里云账号使用员工的个人身份进行实名认证,一旦员工离职,公司账号就找不回来了。阿里云百科来详细说下阿里云账号个人实名认证和企业实名认证的区别
537 0
阿里云个人实名认证和企业实名认证有什么区别?