elem : '#date1' , type : 'time' , // 显示小时分钟秒，而不是年月日 format : 'HH:mm:ss' , // 显示格式：小时：分钟：秒 // min: '09:30:00', // 可设置其最小值 // max: '19:00:00', // 可设置其最大值 } ) ; // 显示年月日 laydate . render ( { elem : '#date2' , done : function ( value , date , endDate ) { console . log ( value ) ; //得到日期生成的值，如：2017-08-18 console . log ( date ) ; //得到日期时间对象：{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0} console . log ( endDate ) ; //得到结束的日期时间对象，开启范围选择（range: true）才会返回。对象成员同上。 } ) ; } ) ;

补充： 显示日期范围

【不管 type 是什么类型，均可添加 range: true, 实现左右面板范围选择的开启】


对应代码：

laydate.render({
      elem: '#date2',
      range: true, // 或 range:'~'来定义分割字符
    });
二、只显示年 + 只显示月 + 只显示日
 

 
 
 
 
 对应代码：
 
		<!-- 年 -->
        <div class="layui-input-block">
          <div class="layui-input-inline">
            <input type="text" name="date1" id="date1" placeholder="年" autocomplete="off" class="layui-input">
          </div>
        </div>
        <!-- 月 -->
        <div class="layui-input-block">
          <div class="layui-input-inline">
            <input type="text" name="date2" id="date2" placeholder="月" autocomplete="off" class="layui-input">
          </div>
        </div>
        <!-- 日 -->
        <div class="layui-input-block">
          <div class="layui-input-inline">
            <input type="text" name="date3" id="date3" placeholder="日" autocomplete="off" class="layui-input">
          </div>
        </div>

 对应代码：
 
layui.use('laydate', function() {
    var laydate = layui.laydate;
    laydate.render({
      elem: '#date1',
      type: 'year', // 只提供年列表选择,默认可选择：年、月、日。
      format: 'yyyy', // 年份，至少四位数。如果不足四位，则前面补零
    });
    laydate.render({
      elem: '#date2',
      type: 'month', // 只提供年、月选择,默认可选择：年、月、日。
      format: 'MM', // 月份，至少两位数。如果不足两位，则前面补零。
    });
    laydate.render({
      elem: '#date3',
      format: 'dd', // 日期，至少两位数。如果不足两位，则前面补零。
    });
三、显示年-月
 
// 显示年-月 (如：1999-08)
laydate.render({
  elem  : '#date', // html里对应的id值
  type  : 'month' ,
  // value : '2021-12', // 设置默认值
  done: function(value, date, endDate){
		console.log(value); //得到日期生成的值，如：2017-08-18
		console.log(date); //得到日期时间对象：{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}
		console.log(endDate); //得到结束的日期时间对象，开启范围选择（range: true）才会返回。对象成员同上。
});
文档里的属性解析
 

 
 【format里的内容 可任意组合】
 
                    一、显示小时分钟秒 + 显示年月日对应代码：layui.use('laydate',function() {	var laydate = layui.laydate;		// 显示小时分钟秒	laydate.render({		elem  : '#date1',		type  : 'time' , // 显示小时分钟秒，而不是年月日		format: 'HH:mm:ss', // 显示格式：小时：分钟：秒		// min: '09:30:00', // 可设置其最小值		// 
$(function () {
  $('#db').datebox({
  onShowPanel: function () {//显示日趋选择对象后再触发弹出月份层的事件，初始化时没有生成月份层
   span.trigger('click'); //触发click事件弹出月份层
   if (!tds) setTimeout(function () {//延时触发获取月份对象，因为上面的事件触发和对象生成有时间间隔
   tds = p.find('div.calendar-menu-month-inne
	format: 'HH:mm:ss',
	ready: function(date) {
		let dom = $(".laydate-time-list").children("li");
场景    用前准备    调用方式
1. 在 layui 模块中使用    下载 layui 后，引入layui.css和layui.js即可    通过layui.use('laydate', callback)加载模块后，再调用方法
2. 作为独立组件使用 ...
作者：方建恒   ；年级：20级    ；撰写时间： 2021  年  12 月  8日
我们制作页面时通常会用到日期和时间的选择器，
自己编写的话太麻烦，所以我在这里教大家一种简单的方法，
那就是使用Layui里的功能来实现它。
首先把JQuery的文件以及layui的脚本文件和叠成样式表引入，
然后准备一个容器，用来放一个ID为test1的input标签，如图：
然后在script标签里把layui的时间和日期组
				
刚开始踏入小程序的坑，各种东西捣鼓起来磕磕碰碰好艰难，碰到问题也是请教了各种大神，本着分享、互相学习的精神，分享一个刚完成的时间选择器，模拟器中效果图如下：
(此图片来源于网络，如有侵权，请联系删除! )
需求环境： 
　　如办公应用等，外出申请、请假申请时，所要填写的请假开始时间、结束时间，同时需要年月日，小时分钟的表单
插件优势： 
　　相比于当前现有picker，仅单纯支持日期：年月日，或者时间：小时分钟，使得当想要填写【2017年1月20日 08:30】至【2017年1月20日 13:30】 时，官方picker需要定义开始日期、开始时间、结束日期、结束时间4个选择器，个人觉得用户体验
在使用layui laydate时间控件，显示时间，时分秒都会显示，然而目前暂未提供只显示 小时 和 分钟 的类型。怎么办呢？
当时我换了一种思维，在不修改源代码的情况下，看是否能覆盖laydate ，将显示“秒”的那列给隐藏掉。经过测试，果然，这是可以的。如下：
（1）在我们页面里面加入下面css：
/********start 覆盖laydate默认样式,用于显示小时和分...
type: ‘year’,//类型年
// 选择年份或者月份都会关闭
change: function (value, date, endDate) { //监听日期被切换
lay(’#’ + id).val(value);
if ($(".layui-laydate").length) {
KaTeX 
				
laydate日期时间插件只有是日期的时候才不用点确定，年选择器和年月选择器的时候必须点确定才能选中。用起来很不方便，这里在不改变源代码的情况实现不用点击确定。
1.年选择器实现
layui.use('laydate', function(){
	var laydate = layui.laydate;
	var initYear;
	laydate.render({
		elem: '#year',
		type: 'year',
		/* ready和change函数是为了实现选择年份时不.
```javascript
function showTime() {
  const days = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
  const months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
  const now = new Date();
  const dayOfWeek = days[now.getDay()];
  const month = months[now.getMonth()];
  const dayOfMonth = now.getDate();
  const year = now.getFullYear();
  let hour = now.getHours();
  let minute = now.getMinutes();
  let second = now.getSeconds();
  const ampm = hour >= 12 ? 'PM' : 'AM';
  // 将小时转换为12小时制
  hour = hour % 12;
  hour = hour ? hour : 12;
  // 在数字前补零
  minute = padZero(minute);
  second = padZero(second);
  const timeString = `${dayOfWeek}, ${month} ${dayOfMonth}, ${year}, ${hour}:${minute}:${second} ${ampm}`;
  document.getElementById("time").innerHTML = timeString;
  // 每秒钟更新一次时间
  setTimeout(showTime, 1000);
function padZero(num) {
  return num < 10 ? '0' + num : num;
showTime();
在 HTML 中添加一个 `div` 元素，用于显示时间：
```html
<div id="time"></div>
然后就可以使用上述代码来显示当前时间，包括星期几、年月日、小时分钟秒。