http://www.jq22.com/jquery-info332
<div class="col-sm-2">
<input type="text" class="form-control" id="start">
</div>
<div class="col-sm-1">~</div>
<div class="col-sm-2" style="margin-left: -100px;">
<input type="text" class="form-control" id="end">
</div>
</div>
/*
<link rel="stylesheet" type="text/css" href="base/jquery.datetimepicker.css"/ >
<script src="base/jquery.js"></script>
<script src="base/jquery.datetimepicker.js"></script>
*/
-=========-
js:
$("#start").datetimepicker();
$("#end").datetimepicker();
<div class="form-group">
<label class="col-sm-1 control-label">发布时间</label><div class="col-sm-2">
<input type="text" class="form-control" id="start">
</div>
<div class="col-sm-1">~</div>
<div class="col-sm-2" style="margin-left: -100px;">
<input type="text" class="form-control" id="end">
</div>
</div>
/*
<link rel="stylesheet" type="text/css" href="base/jquery.datetimepicker.css"/ >
<script src="base/jquery.js"></script>
<script src="base/jquery.datetimepicker.js"></script>
*/
-=========-
js:
$("#start").datetimepicker();
$("#end").datetimepicker();