对于bootstrap的日期插件datetimepicker的使用描述

<!-- 引入bootstrap和bootstrap-datetimepickercss样式 -->
<link href="<%=path %>/static/css/bootstrap.min.css" rel="stylesheet" media="screen">

<link href="<%=path %>/static/css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">

<div class="input-group date form_date col-md-5" >
        <input class="form-control input-md" size="16" type="text" id="birthday1" name="birthday1" >
<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
 </div>
<div class="input-group date form_datetime col-md-5" >
        <input class="form-control" size="16" type="text" id="accidentDate1" name="accidentDate1">
<span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
   </div>
   <input class="input-sm date form_date" type="text" />
<script type="text/javascript" src="<%=path %>/static/js/jquery-3.2.1.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="<%=path %>/static/js/bootstrap.min.js"></script>
<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>

<script type="text/javascript">
    
        //年-月-日
$(".form_date").datetimepicker({
           language:  'zh-CN',
           format: 'yyyy-mm-dd',
           weekStart: 1,
           todayBtn:  1,
    autoclose: 1,
    todayHighlight: 1,
    startView: 2,
    minView: 2,
    forceParse: 0
});
 
 //年-月-日 时:分:秒       
      $('.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
   });
</script>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值