這是對舊的已上線項目的維護之中優(yōu)化的一個部分,要求是在input框里面默認當前系統(tǒng)的時間。實現(xiàn)如下圖所示的效果。

我這里用的是一款日歷插件:jedate-開始使用一款好用的時間插件:http://www.itdecent.cn/p/961c3f364e2a,在實際運用之中,需要在input里面默認年月日,或者默認時分秒。
方法:
//時間選擇
var mydateInput = document.getElementById("startTime");
var date = new Date();
var dateString = date.getFullYear() + "/" + (date.getMonth() + 1) + "/" + date.getDate() + " " + date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();
mydateInput.value = dateString;
html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="jedate/jedate.js"></script>
</head>
<body>
<input type="text" class="form-control input-medium" placeholder="開始時間" name="" id="startTime" />
<input type="text" class="form-control input-medium" placeholder="結束時間" name="" id="endTime" />
</body>
<script type="text/javascript">
jeDate({
dateCell: "#startTime",
//format: "YYYY-MM-DD ", //控制是否顯示小時
format: "YYYY-MM-DD hh:mm:ss", //控制是否顯示小時
isTime: true
})
jeDate({
dateCell: "#endTime",
//format: "YYYY-MM-DD ", //控制是否顯示小時
format: "YYYY-MM-DD hh:mm:ss", //控制是否顯示小時
isTime: true
})
//時間選擇
var mydateInput = document.getElementById("startTime");
var date = new Date();
var dateString = date.getFullYear() + "/" + (date.getMonth() + 1) + "/" + date.getDate() + " " + date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();
mydateInput.value = dateString;
var mydateInputs = document.getElementById("endTime");
var dates = new Date();
var dateStrings = dates.getFullYear() + "/" + (dates.getMonth() + 1) + "/" + dates.getDate() + " " + date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();
mydateInputs.value = dateStrings;
</script>
</html>
原文作者:祈澈姑娘 技術博客:http://www.itdecent.cn/u/05f416aefbe1
90后前端妹子,愛編程,愛運營,文藝與代碼齊飛,魅力與智慧共存的程序媛一枚。
堅持總結工作中遇到的技術問題,堅持記錄工作中所所思所見,對于博客上面有不會的問題,可以加入qq群聊來問我:473819131。