layui-laydate时间日历控件详细示例
2018-11-09 11:24
351 查看
layui下载地址:http://www.layui.com/
此控件可使用layui或者独立版的layDate,两者初始化有些不同
在 layui 模块中使用layui.code
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layDate快速使用</title>
<link rel="stylesheet" href="/static/build/layui.css" media="all">
</head>
<body>
<div class="layui-inline"> <!-- 注意:这一层元素并不是必须的 -->
<input type="text" class="layui-input" id="test1">
</div>
<script src="/static/build/layui.js"></script>
<script>
layui.use('laydate', function(){
var laydate = layui.laydate;
//执行一个laydate实例
laydate.render({
elem: '#test1' //指定元素
});
});
</script>
</body>
</html>
相关文章推荐
- 选择时间日历控件DatePickerDialog实现(从外包项目中挖出来整理的)
- laydate时间控件绑定回调事件
- #371 – 指定日历控件显示的日期时间(Specifying a Default Date for a Calendar Control to Display)
- 关于layui的日期和时间组件laydate闪屏的坑
- laydate时间日历插件使用方法详解
- layer.prompt输入框改成laydate时间控件
- js 时间转成时间戳对比;My97DatePicker日历控件时间格式;Date.parse Firefox火狐浏览器返回Nan的解决办法
- laydate时间控件
- laydate日历控件使用方法详解
- bootstrap之双日历时间段选择控件示例—daterangepicker(中文汉化版)
- [控件]DatePicker日期,TimePicker时间,Calendar日历,DatePickerDialog弹出的日期,TimePickerDialog弹出的时间
- 使用 laydate时间控件计算2个时间日期的天数
- layDate日历控件的调用
- 时间控件 laydate
- daterangepick时间控件双日历设置时分秒
- Angularjs中使用layDate日期控件示例
- layui-laydate 时间大小控制
- laydate 时间日历插件
- jquery UI Datepicker时间控件的使用及问题解决