记一个好用的时间控件,再开发中有时候会需要选择精确的时间特别是会议时间--layDate 日期与时间组件

layDate 日期与时间组件

官网地址:https://www.layui.com/laydate/

可以看官网的demo;

效果图:

 

 

 

 代码:(我这里写的是jsp)

 

       页面:

<input type="text" class="form-control layui-input"
id="hyTime" name="hyTime" value="<fmt:formatDate value="${findbyid.hyTime}" pattern="yyyy-MM-dd HH:mm:ss" />"
placeholder="请选择 时间"required="required" readonly="readonly"required="required">

  js:

//时间选择器
laydate.render({
elem : '#hyTime',
type : 'datetime'
}); 

记着去官网将laydate.js引入。。。

 

posted @ 2020-03-23 16:52  liglacier  阅读(377)  评论(0)    收藏  举报