日期时间控件layDate的使用教程
程序员文章站
2022-04-01 19:32:23
laydate是一个日期时间控件
可以在layui中使用laydate,也可直接使用laydate独立版
在layui模块中使用
下载layui后,引入layui.css和l...
laydate是一个日期时间控件
可以在layui中使用laydate,也可直接使用laydate独立版
在layui模块中使用
下载layui后,引入layui.css和layui.js即可
作为独立使用
去laydate独立版本官网下载组件包,引入laydate.js即可
使用教程
直接给input控件一个id
<input type="text" id="test1">
日期时间控件的样式,由id来确定
在css和js中,定义好的,通过id引用
<script> lay('#version').html('-v'+ laydate.v); //执行一个laydate实例 //常规用法 laydate.render({ elem: '#test1' //指定元素 }); //国际版 laydate.render({ elem: '#test1-1' ,lang: 'en' }); //年选择器 laydate.render({ elem: '#test2' ,type: 'year' }); //年月选择器 laydate.render({ elem: '#test3' ,type: 'month' }); //时间选择器 laydate.render({ elem: '#test4' ,type: 'time' }); //时间选择器 laydate.render({ elem: '#test5' ,type: 'datetime' }); //日期范围 laydate.render({ elem: '#test6' ,range: true }); //年范围 laydate.render({ elem: '#test7' ,type: 'year' ,range: true }); //年月范围 laydate.render({ elem: '#test8' ,type: 'month' ,range: true }); //时间范围 laydate.render({ elem: '#test9' ,type: 'time' ,range: true }); //日期时间范围 laydate.render({ elem: '#test10' ,type: 'datetime' ,range: true }); //墨绿主题 laydate.render({ elem: '#test29' ,theme: 'molv' }); //自定义颜色 laydate.render({ elem: '#test30' ,theme: '#393d49' }); //格子主题 laydate.render({ elem: '#test31' ,theme: 'grid' }); </script>
推荐阅读
-
在Linux中使用cron按时间定制任务的教程
-
PHP使用GETDATE获取当前日期时间作为一个关联数组的方法_PHP教程
-
PHP使用strtotime计算两个给定日期之间天数的方法,strtotime天数_PHP教程
-
使用php 获取时间今天明天昨天时间戳的详解_PHP教程
-
一个写得较好的JavaScript日期挑选控件_时间日期
-
PHP中Date()时间日期函数的使用方法小结
-
PHP笔记之:日期函数的使用介绍_PHP教程
-
使用php 获取时间今天明天昨天时间戳的详解_PHP教程
-
sqlserver2005教程 php操作sqlserver关于时间日期读取的小小见解
-
PHP使用GETDATE获取当前日期时间作为一个关联数组的方法