Adminlte2框架下对形如yyyy-mm-dd hh:ii 2019-08-14 18:55的日期控件的操作

原创于 2019-08-22 14:06:09 发布 · 811 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#adminlte2 #datetimepicker

后台模板同时被 2 个专栏收录

3 篇文章

订阅专栏

adminlte2

1 篇文章

订阅专栏

本文介绍如何在product-add.jsp页面中整合日期选择器，并使用JS进行操作。通过datetimepicker插件设置出发时间的输入框，实现日期与时间的自动关闭选择功能，采用'zh-CN'语言和'yyyy-mm-dd hh:ii'格式。同时，在product.java中定义了@DateTimeFormat注解的departureTime属性，确保数据格式的一致性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

product-add.jsp

<div class="col-md-2 title">出发时间</div>
<div class="col-md-4 data">
    <div class="input-group date">
        <div class="input-group-addon">
            <i class="fa fa-calendar"></i>
        </div>
        <input type="text" class="form-control pull-right" name="departureTime" id="datepicker-a3">
    </div>
</div>

js操作

$('#datepicker-a3').datetimepicker({
    autoclose: true,
    language: 'zh-CN',
    format: 'yyyy-mm-dd hh:ii'
});

product.java

@DateTimeFormat(pattern = "yyyy-MM-dd HH:mm")
private Date departureTime;//出发时间