【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

相关文章
|
JavaScript 机器学习/深度学习 UED
jQuery weui时间选择器datetimepicker只要年月日解决方案
只想选择年月日,jquery-weui建议使用日历但实际的需求如果选择生日等等,日历选择的用户体验很不好,所以进行源码修改,看下面颜色标注。 HTML部分 下面是JS部分 $("#birth").
4980 0
jeDate日期控件在项目中实际应用
jeDate日期控件在项目中实际应用
60 0
|
JavaScript
layUI日期控件无效、一闪而过的解决方案
layUI日期控件无效、一闪而过的解决方案
213 0
|
JavaScript 前端开发
mui 日期控件的用法
mui 日期控件的用法
185 0
LayUI中laydate组件改装,只选时分秒
我们必须要先选择日期,才能选择时间
382 0
LayUI中laydate组件改装,只选时分秒
|
数据库
layui时间选择器点击事件
最近写了一个项目用到了layui框架,其中在用到时间选择器控件的时候想做一个点击一个时间可以触发一个事件,然后这个事件可以获取点击的时间,最终通过获取的时间来进行数据库查找,但是无奈怎样也触发不了点击事件,网上同题目的博客很多,大多不是这个问题,接下来我就说一下我是怎么解决的。
345 0
layui时间选择器点击事件
|
JavaScript
layui时间控件 laydate 重置失效
简述layui时间控件laydate选择日期后重置,再次选择无法选择问题处理
layui时间控件 laydate 重置失效