JavaScript实现input框获取系统默认年月日时分秒
这是对旧的已上线项目的维护之中优化的一个部分，要求是在input框里面默认当前系统的时间。实现如下图所示的效果。
我这里用的是一款日历插件：jedate-开始使用一款好用的时间插件：https://cloud.tencent.com/developer/article/1140229，在实际运用之中，需要在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>本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2019.01.25 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读