type=‘datetime-local’的input如何设置默认当前日期和00:00

mm_hello11

于 2018-11-19 22:00:33 发布

阅读量1.2w

点赞数 2

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/mm_hello11/article/details/84261000

JavaScript 专栏收录该内容

59 篇文章

订阅专栏

本文介绍如何在H5页面中使用datetime-local输入框，并设置其默认值为当前日期的零时零分，实现这一功能的具体代码示例及解析。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

type=‘datetime-local’的input是h5中一种新的日历标签，它包括年月日时分。现在项目中的需求为每次打开让他默认为当前的日期，但是时分需要是归零。样式为： 2018/11/19 00:00

代码为：

<body>
	<label>
		<span>测量日期</span>
		<input type="datetime-local" class="measureDate" placeholder="请输入测量日期">
	</label>
	<script type="text/javascript" src='jquery.js'></script>
	<script type="text/javascript">
	//希望每次打开都要默认为今天日期+00:00
	//默认时间
	var myDate = new Date(), Y = myDate.getFullYear(), M = myDate.getMonth() + 1, D = myDate.getDate();
	//处理月是一位的情况
	if((M + '').length == 1){
		M = '0' + (M + '');
	}
	//处理日是一位的情况
	if((D + '').length == 1){
		D = '0' + (D + '')
	}
	var curDay = Y + '-' + M + '-' + D;
	console.log(curDay)
	$('.measureDate').val(curDay + 'T00:00')
	</script>
</body>