<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link href="../Content/bootstrap-datetimepicker.min.css" rel="stylesheet" />
<link href="../Content/bootstrap-select.min.css" rel="stylesheet" />
<!-- ÒýÈëbootstrapÑùʽ -->
<link href="https://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<!-- ÒýÈëbootstrap-tableÑùʽ -->
<link href="https://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.min.css" rel="stylesheet">
<!-- jquery -->
<script src="https://cdn.bootcss.com/jquery/2.2.3/jquery.min.js"></script>
<!--時間控件-->
<script src="../Scripts/bootstrap-datetimepicker.min.js"></script>
<script src="../Scripts/bootstrap-select.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<!-- bootstrap-table.min.js -->
<script src="https://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.min.js"></script>
<!-- ÒýÈëÖÐÎÄÓïÑÔ°ü -->
<script src="https://cdn.bootcss.com/bootstrap-table/1.11.1/locale/bootstrap-table-zh-CN.min.js"></script>
// 轉化時間格式
// 轉時間格式
function changeDateFormat(cellval) { var dateVal = cellval + ""; if (cellval != null) { var date = new Date(parseInt(dateVal.replace("/Date(", "").replace(")/", ""), 10)); var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1; var currentDate = date.getDate() < 10 ? "0" + date.getDate() : date.getDate(); var hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours(); var minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes(); var seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds(); return date.getFullYear() + "-" + month + "-" + currentDate;//+ " " + hours + ":" + minutes + ":" + seconds;
} }
$('#birthdayDate').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); //日期時間控件默認值的設置,須要注意的是,在JS中使用的ID是input標籤的ID。
document.getElementById("inbirthdayDate").value = mydate;
使用方法 <a class='input-group date' id='birthdayDate'>
<input type='text' class="form-control" id='inbirthdayDate' 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>