在BootStrap中使用时间日期组件datetimepicker

最新推荐文章于 2024-08-08 07:45:19 发布

Dime_w

最新推荐文章于 2024-08-08 07:45:19 发布

阅读量434

点赞数

本文链接：https://blog.csdn.net/dime_w/article/details/80008661

版权

datetimepicker是一款时间选择控件，有时我们会用两个控件选择开始时间和结束时间，要求开始时间不能晚于结束时间

1：引入样式

<link href="/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
<script type="text/javascript" src="/js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript" src="/js/appjs/dim/dimFaultRepair/dimFaultRepair.js"></script>

2：在HTML中增添属性

data-date-format="yyyy-mm-dd hh:ii:ss"
3：在js中增添

$('#happenTime').datetimepicker();
$('#endTime').datetimepicker();

4：在xml文件中

<if test="happenTime != null and happenTime != ''">
   <![CDATA[  and DATE_FORMAT(happen_time, '%Y-%m-%d %hh:%ii:%ss') >= DATE_FORMAT(#{happenTime}, '%Y-%m-%d %hh:%ii:%ss')    ]]>
</if>
<if test="endTime != null and endTime != ''">
   <![CDATA[  and DATE_FORMAT(happen_time, '%Y-%m-%d %hh:%ii:%ss') <= DATE_FORMAT(#{endTime}, '%Y-%m-%d %hh:%ii:%ss')    ]]>
</if>

5：最后贴一个比较详解的博主

https://blog.csdn.net/hizzyzzh/article/details/51212867