Java中bootstrap-datetimepicker时间插件的使用

Posted Code_World_Final

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Java中bootstrap-datetimepicker时间插件的使用相关的知识,希望对你有一定的参考价值。

1、引入时间插件所需要的js和css

技术分享图片
<script type="text/javascript" src="<%=path %>/static/js/bootstrap-datetimepicker.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="<%=path %>/static/js/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
1
<link href="<%=path %>/static/css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">

  

技术分享图片

对于日期插件我们一般会使用两种日期,一种是日期,另一种是时间

2.1 日期的使用方式

技术分享图片
      <div class="form-group">
              <label class="col-sm-2 control-label" >用户到期:<font size="2" color="red">*</font></label>
              <div class="col-sm-4">
                 <div class="input-group date form_date col-md-5"  style="padding-left:0px;padding-right:0px;">
                    <input class="form-control"  type="text" id="suExpire1" name="suExpire1" />
                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                </div>
                <label class="error" for="suExpire1"></label>
              </div>
              <label class="col-sm-2 control-label" >密码到期:<font size="2" color="red">*</font></label>
              <div class="col-sm-4">
                <div class="input-group date form_date col-md-5"  style="padding-left:0px;padding-right:0px;">
                    <input class="form-control"  type="text" id="supwExpire1" name="supwExpire1" />
                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                </div>
                <label class="error" for="supwExpire1" ></label>
              </div>
         </div>
技术分享图片
技术分享图片
     //年-月-日
        $(function(){
            $(".form_date").datetimepicker({
                    language:  ‘zh-CN‘,
                    format: ‘yyyy-mm-dd‘,
                    weekStart: 1,
                    todayBtn:  1,
                    autoclose: 1,
                    todayHighlight: 1,
                    startView: 2,
                    minView: 2,
                    forceParse: 0
            });
            
        });    
技术分享图片

2.2 时间的使用方式

<label>发布日期:</label><font size="1" color="red">*</font>
<div class="input-group date form_datetime col-md-5"  style="padding-left:0px;padding-right:0px;">
  <input class="form-control input-sm"  type="text" id="publishDate1" name="publishDate1" readonly>
  <span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
</div>
技术分享图片
      //年-月-日 时:分:秒       
         $(function(){
              $(‘.form_datetime‘).datetimepicker({
                language:  ‘zh-CN‘,
                format: ‘yyyy-mm-dd hh:ii:ss‘,
                weekStart: 1,
                todayBtn:  1,
                autoclose: 1,
                todayHighlight: 1,
                startView: 2,
                forceParse: 0,
                showMeridian: 1
               });
         });
技术分享图片

以上是关于Java中bootstrap-datetimepicker时间插件的使用的主要内容,如果未能解决你的问题,请参考以下文章

java中native的用法

java中Color的用法!

java中重载有啥用

java中int 和 Integer 有啥区别

java 中getBounds啥作用

java中怎么取出数组中的数组