bootstrap日期选择器datetimepicker

2017-07-25  本文已影响0人  江小石

依赖:bootstrap.js和bootstrap.css不包括以下依赖

<link href="${ctx}/styles/bootstrap/css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${ctx}/js/bootstrap/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="${ctx}/js/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>

js代码初始化:

$('#datepicker').datetimepicker({
            format: 'yyyy-mm-dd hh:ii',
            autoclose: true,
            minView: 0,//表示可以选择小时和分钟,其他值有1,2,3,4
            minuteStep:1,//选择分钟时显示的时间间隔,此处设置为1分钟
            language:  'zh-CN'//日期
            });

html代码:

 <input type="text"  id="datepicker" readonly>
上一篇 下一篇

猜你喜欢

热点阅读