日期时间选择插件laydate.js：
效果图：
1. 引入JS。 官网：http://laydate.layui.com
<script type="text/javascript" src="/UploadFiles/2021-04-02/laydate.js">
2. 根据需要做相应的配置。详情参看官网。
<script>
laydate({
elem: '#seldate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
event: 'focus', //响应事件。如果没有传入event，则按照默认的click
format: 'YYYY/MM/DD hh:mm:ss', // 分隔符可以任意定义，该例子表示只显示年月
festival: true, //显示节日
istime: true, //显示时间选项
choose: function(datas){ //选择日期完毕的回调
alert('得到：'+datas);
}
});
</script>
实例源码：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- <link href="favicon.ico" rel="shortcut icon" type="image/x-icon" /> <link href="favicon.ico" rel="Bookmark" type="image/x-icon" /> --> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>layDate日期时间选择插件</title> <link href="" rel="stylesheet" /> <script type="text/javascript" src="/UploadFiles/2021-04-02/laydate.js">Find more here：http://laydate.layui.com/
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。