这是对旧的已上线项目的维护之中优化的一个部分,要求是在input框里面默认当前系统的时间。实现如下图所示的效果。
我这里用的是一款日历插件:jedate-开始使用一款好用的时间插件:https://www.jianshu.com/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>
原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,对于博客上面有不会的问题,可以加入qq群聊来问我:473819131。