大家好，又见面了，我是你们的朋友全栈君。
datetime控件
Bootstrap的日期时间控件，使用非常的简单。
首先，添加日期时间控件的引用
@*datetime控件*@
<link href="~/Content/BootStrap/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
<script src="~/Content/BootStrap/js/moment-with-locales.js"></script>
<script src="~/Content/BootStrap/js/bootstrap-datetimepicker.min.js"></script>
<script src="~/Content/BootStrap/js/bootstrap-datetimepicker.zh-CN.js"></script>
链接：http://pan.baidu.com/s/1sl56aw1 密码：jc2y
页面代码
<a class='input-group date' id='datetimepicker1' style="float: left; left: 320px;">
<input type='text' class="form-control" id='nowdate' style="width: 150px; height: 30px;" />
<span class="input-group-addon" style="float: left; width: 50px; height: 30px;">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</a>
JavaScript代码
//设置日期时间控件
function Datetime() {
$('#datetimepicker1').datetimepicker({
language: 'zh-CN',//显示中文
format: 'yyyy-mm-dd',//显示格式
minView: "month",//设置只显示到月份
initialDate: new Date(),
autoclose: true,//选中自动关闭
todayBtn: true,//显示今日按钮
locale: moment.locale('zh-cn')
});
//默认获取当前日期
var today = new Date();
var nowdate = (today.getFullYear()) + "-" + (today.getMonth() + 1) + "-" + today.getDate();
//对日期格式进行处理
var date = new Date(nowdate);
var mon = date.getMonth() + 1;
var day = date.getDate();
var mydate = date.getFullYear() + "-" + (mon < 10 ? "0" + mon : mon) + "-" + (day < 10 ? "0" + day : day);
document.getElementById("nowdate").value = mydate;
}
日期时间控件默认值的设置，需要注意的是，在JS中使用的ID是input标签的ID。
document.getElementById("nowdate").value = mydate;此外，设置默认的日期还有一个格式的问题，页面加载之后的日期时间，月份和天数为1~9的话，它的前面没有0。
但是，通过日期时间控件选择之后的日期时间，它的前面是有0的。
解决方法，首先获取当前的日期时间，然后通过格式化处理一下即可。
//默认获取当前日期
var today = new Date();
var nowdate = (today.getFullYear()) + "-" + (today.getMonth() + 1) + "-" + today.getDate();
//对日期格式进行处理
var date = new Date(nowdate);
var mon = date.getMonth() + 1;
var day = date.getDate();
var mydate = date.getFullYear() + "-" + (mon < 10 ? "0" + mon : mon) + "-" + (day < 10 ? "0" + day : day);
document.getElementById("nowdate").value = mydate;
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/142471.html原文链接：https://javaforall.net
