日期控件：
1.对于用html5的自带的日期控件还是很好使的，不过仅限于date类型的，要是想用带时间的就不好使了datetime格式的不起作用的，不知道为什么。
<input id="fromTime"name="fromTime" type="date"aria-describedby="basic-addon2" class="input-sm">
不需要加入任何东西，只需要设置type=”date”即可，非常方便。
2.（1）说一说bootstrap的bootstrap-datetimepicker这个控件用起来有点不应手。
<html>
<head>
<linkhref="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css"rel="stylesheet">
<link rel="stylesheet" type="text/css"media="screen" href="../../../build/css/bootstrap-datetimepicker.min.css">
<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="../../../src/js/bootstrap-datetimepicker.js"></script>
</head>
<body><div class="container">
<div id="datetimepicker1" class="input-appenddate">
<input data-format="dd/MM/yyyy hh:mm:ss"type="text"/> <span class="add-on">
<i data-time-icon="icon-time"data-date-icon="icon-calendar">
</i>
</span>
</div>
<script type="text/javascript">
$(function() {
$('#datetimepicker1').datetimepicker({
collapse: true
});
});
</script>
</div></body>
</html>
引入相应的文件就可以了，但是日期显示位置老是在输入框右边，不是很满意。
另外只写一个<input>也是可以的。
<input data-format="dd/MM/yyyyhh:mm:ss " type="text" id=”ceshi”/>
$('#test').datetimepicker({
format: "dd/MM/yyyy hh:mm:ss "
collapse: true
});
我认为只写input简单，但是日期弹出框位置老是出现在左上角，这个估计得需要改css了。
需注意的是：在使用bootstrap的时候同时引入的css也容易引起冲突
据百度说：
bootstrap.min.css = compressed version ofbootstrap.css
bootstrap-combined.min.css = bootstrap.min.css+ bootstrap-responsive.min.css
但是我的验证貌似这种说法不正确的，
bootstrap-combined.min.css代替不了bootstrap.min.css呢。
使用datetimepicker时我建议不要用这个bootstrap的。
（2）接下来说一说bootstrap的bootstrap-datepicker.js，这个插件相对于bootstrap-datetimepicke就好用了，但是只有日期没有时间。
只需要加入
datepicker.css bootstrap-datepicker.js 还有jquery.min.js
<input class=”span2” id=”ceshi” type=”text”>
<scripttype="text/javascript">
$(function() {
$('#ceshi').datepicker();
});
</script>
日期选择框的位置也在输入框的下面。
3．选择包含时间的插件我最后选择的jquery的
jquery.datetimepicker.js jquery.datetimepicker.css jquery.min.js
加入一个input即可
<input type="text"id="toTime" name="toTime"aria-describedby="basic-addon2" class="input-sm"placeholder="可以为空"/>
$("#toTime").datetimepicker();
格式变化是这样的。
$("#fromTime").datetimepicker({format:'Y-m-d H:m:s'});
这个插件时间显示位置也正常，符合我的要求。
总结一下：
要是只有日期的选择html5自带的就可以，简单，效果也不错。
要是想要包含时间的我建议用jquery的，虽然bootstrap的也不错，但是各种地方不符合要求。
8420
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
