引用bootstrap-datetimepicker插件，怎么改才能显示呢？

我的代码如下：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/... 我的代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="../css/demo.css">
<link rel="stylesheet" href="../css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../css/datetimepicker.css">
<title>bootstrap-datetimepicker</title>
</head>
<body>
<div id="datetimepicker" class="input-append date">
<input name="fromTime" type="text"></input>
<span class="add-on">
<i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
</span>
</div>
<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="../js/bootstrap.js"></script>
<script type="text/javascript" src="../js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript" src="../js/bootstrap-datetimepicker.zh-CN.js"></script>
<script type="text/javascript">
$('#datetimepicker').datetimepicker({
format: 'dd/MM/yyyy hh:mm:ss',
language: 'en'
});
</script>
</body>
</html>
显示结果

而我想实现的效果是这样的展开





 我来答

1个回答

#合辑# 面试问优缺点怎么回答最加分？

匿名用户
推荐于2016-06-17

展开全部

代码有问题，而且你已经引入中文JS干吗还要JS段写出en？
直接给你个代码吧，我项目中的，使用的是bootstrap3.0.2版本：
                <div class="input-group date form_date" data-date="" data-date-format="yyyy-mm-dd" >
                    <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                    <input class="form-control" name="dateortime" size="10"  data-rule="required" type="text" value=""  onblur="checkDateInput(this)">
                </div>
<script type="text/javascript">
$('.form_date').datetimepicker({
        language:'zh-CN',
        weekStart:1,
        todayBtn:1,
        autoclose:1,
        todayHighlight:1,
        startView:2,
        minView:2,
        forceParse:0
    });
</script>


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

引用bootstrap-datetimepicker插件，怎么改才能显示呢？

其他类似问题

为你推荐：