设置当前时间和根据毫秒转换为年月日
function timenow() {
var timenow = new Date();
var y = timenow.getFullYear();
var m = timenow.getMonth() + 1;
m = m < 10 ? '0' + m : m;
var d = timenow.getDate();
d = d < 10 ? ('0' + d) : d;
var time = y + '-' + m + '-' + d;
return time;
}
var basePgDate = timenow();
monthnow : function () {
var timenow = new Date();
timenow.setDate(timenow.getDate() - 30);
var y = timenow.getFullYear();
var m = timenow.getMonth() + 1;
m = m < 10 ? '0' + m : m;
var d = timenow.getDate();
d = d < 10 ? ('0' + d) : d;
var time = y + '-' + m + '-' + d;
return time;
},
function getMyDate(str){
var oDate = new Date(str),
oYear = oDate.getFullYear(),
oMonth = oDate.getMonth()+1,
oDay = oDate.getDate(),
oHour = oDate.getHours(),
oMin = oDate.getMinutes(),
oSen = oDate.getSeconds(),
oTime = oYear +'-'+ getzf(oMonth) +'-'+ getzf(oDay) +' '+ getzf(oHour) +':'+ getzf(oMin) +':'+getzf(oSen);
return oTime;
};
function getzf(num){
if(parseInt(num) < 10){
num = '0'+num;
}
return num;
}
console.log($.now())
console.log(getMyDate($.now()))
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link rel = "stylesheet" type="text/css" href = "./assets/datetimepicker/css/bootstrap-datetimepicker.css" / >
<style>
#ipt::after {
content: "222";
display: block;
width: 5px;
height: 8px;
color: red;
outline: none;
}
* {
box-sizing: border-box;
}
#box {
width: 600px;
margin: 0 auto;
padding: 35px;
}
#box2 {
height: 350px;
border: 1px solid #ccc;
overflow-y: auto;
padding: 30px;
}
#box2 p {
margin: 0 auto;
text-align: center;
}
#top_nav {
position: fixed;
top: 5px;
left: 50%;
width: 200px;
margin-left: -100px;
}
input.datetimepicker {
margin-top: 10px;
outline: none;
border: 1px solid #ccc;
}
</style>
</head>
<body>
<div id="box">
<p id="top_nav">添加时间控件 <button type="button" id="btn2">添加</button></p>
<div id="box2"></div>
</div>
<script src="https://cdn.bootcss.com/jquery/2.2.3/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.js"></script>
<script type="text/javascript" src="./assets/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="./assets/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
$(function () {
var timeNum = 1;
var addTime =
'<p class="time-p"><input type="text" value="2017-09-10" class="datetimepicker"><span> 选择时间</span></p>';
$("#btn2").on("click", function () {
var $addTime = $(addTime).children().attr("id", "time" + timeNum).end()
$("#box2").append($addTime);
activeTime(("#time" + timeNum));
timeNum++;
})
function activeTime(tagid) {
$(tagid).datetimepicker({
format: 'yyyy-mm-dd',
language: 'zh-CN',
weekStart: 1,
bootcssVer: 3,
todayBtn: 1,
autoclose: 1,
todayHighlight: true,
startView: 2,
minView: 2,
pickerPosition: 'bottom-right',
forceParse: 0,
keyboardNavigation: 1,
forceParse: 1
});
}
activeTime("#time1")
})