layDate时间插件

引入相应css和js文件

<link rel="stylesheet" href="/static/build/layui.css" media="all">
<script type="text/javascript" src="/home/js/datetimepicker/laydate.js"></script>
<script src="https://cdn.bootcss.com/moment.js/2.20.1/moment.js"></script>

html代码：

<input type="text" id='add_date'>

js代码：

laydate.render({
elem: '#add_date',
type: 'date',
format:'yyyy/MM/dd',
min:minDate(),
change:function(value,date){
console.log(value)
console.log(date)
},
btns:['clear','confirm']
});
//设置只能选择未来时间
function minDate(){
var now = new Date();
return now.getFullYear()+"-" + (now.getMonth()+1) + "-" + now.getDate();
}

ps:如果只想要小时和分钟不要秒

*显示的插件上只能选择小时和分钟后，看下面的样式；然后代码上初始化设置*
.layui-laydate-content>.layui-laydate-list {
padding-bottom: 0px;
overflow: hidden;
}
.layui-laydate-content>.layui-laydate-list>li{
width:50%
}

.merge-box .scrollbox .merge-list {
padding-bottom: 5px;
}

想要修改其他的功能和某些东西的链接

https://www.layui.com/doc/modules/laydate.html