bootstrap-datetimepicker效果加不进来,请各位大神指点一下 bootstrap日期插件 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <script type="text/javascript">$(function(){ $('#datetimepicker').datetimepicker({ format: 'MM/dd/yyyy hh:mm', language: 'cn', pickDate: true, pickTime: true, hourStep: 1, minuteStep: 15, secondStep: 30, inputMask: true });}) </script>这样写试试 试了,不行╮(╯▽╰)╭网上找了一个Demo,帮忙看看,是不是我的路径有错误。<!DOCTYPE HTML><html><head><link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet"><link rel="stylesheet" type="text/css" media="screen" href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css"></head><body> <div id="datetimepicker" class="input-append date"> <input 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="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript" src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script> <script type="text/javascript" src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js"></script> <script type="text/javascript"> $('#datetimepicker').datetimepicker({ format: 'MM/dd/yyyy hh:mm', language: 'cn', pickDate: true, pickTime: true, hourStep: 1, minuteStep: 15, secondStep: 30, inputMask: true }); </script></body></html> 问题已解决。办法如下:<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet"><link rel="stylesheet" type="text/css" media="screen" href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css">将原有的css更改为这两个地址的css样式即可,郁闷了半天,不明白为什么在官网下载的bootstrap-datetimepicker包就用不了呢,无语啊 你路径都写错啦,改成下面的就行了:<link href="resource/css/bootstrap.css" rel="stylesheet"><link href="resource/css/bootstrap-datetimepicker.css"> <script type="text/javascript" src="resource/js/jquery.js"></script><script type="text/javascript" src="resource/js/bootstrap.min.js"></script><script type="text/javascript" src="resource/js/bootstrap-datetimepicker.min.js"></script> 这个我已经试过了,路径严格来说是应该按照你说的写,但是我把css换成和那个网络地址一样的,路径还是按照我上面那个写法,结果效果出来了。主要还是css的问题。 如何屏蔽关于extJS的提示框 超级难的问题??!!!!!! Extjs 问题 这段代码错在哪了?困惑 页面引用问题 怎么样右击table任一行出一菜单? 剩余时间 一个表格的属性------急 在线等 如何根据选中的单选框不同而跳转到不同页面? 返回值问题?? JS 判断问题 js如何改变前台状态栏的值
<script type="text/javascript">
$(function(){
$('#datetimepicker').datetimepicker({
format: 'MM/dd/yyyy hh:mm',
language: 'cn',
pickDate: true,
pickTime: true,
hourStep: 1,
minuteStep: 15,
secondStep: 30,
inputMask: true
});
})
</script>这样写试试
<!DOCTYPE HTML>
<html>
<head>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" media="screen" href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css">
</head>
<body>
<div id="datetimepicker" class="input-append date">
<input 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="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript">
$('#datetimepicker').datetimepicker({
format: 'MM/dd/yyyy hh:mm',
language: 'cn',
pickDate: true,
pickTime: true,
hourStep: 1,
minuteStep: 15,
secondStep: 30,
inputMask: true
});
</script>
</body>
</html>
办法如下:
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" media="screen" href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css">将原有的css更改为这两个地址的css样式即可,郁闷了半天,不明白为什么在官网下载的bootstrap-datetimepicker包就用不了呢,无语啊
<link href="resource/css/bootstrap-datetimepicker.css">
<script type="text/javascript" src="resource/js/jquery.js"></script>
<script type="text/javascript" src="resource/js/bootstrap.min.js"></script>
<script type="text/javascript" src="resource/js/bootstrap-datetimepicker.min.js"></script>