【若依(ruoyi)】datetimepicker日期和时间插件

前言

• 若依(ruoyi) 4.2
• thymeleaf 模板

官网

https://github.com/smalot/bootstrap-datetimepicker

控件绑定 datetimepicker日期和时间插件

1. 现有一个需要绑定 datetimepicker日期和时间插件 的控件

<div class="form-group">
    <label class="col-sm-2 control-label is-required">时间：</label>
    <div class="col-sm-10">
        <div class="input-group date"> <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
            <input type="text" name="speechTime" class="form-control" value="" readonly="readonly" required>
        </div>
    </div>
</div>

2. 引入js和css

<th:block th:include="include :: datetimepicker-css" />
<th:block th:include="include :: datetimepicker-js" />

3. 绑定事件

$("input[name='speechTime']").datetimepicker({
    format: "yyyy-mm-dd",
    minView: "month",
    autoclose: true
});