JS选择日期控件。当前日期以后的日期不能选择

最新推荐文章于 2024-07-30 13:59:14 发布

Roc.Y

最新推荐文章于 2024-07-30 13:59:14 发布

阅读量2.2k

点赞数 2

分类专栏：前端问题相关~ 文章标签： js javascript html

本文链接：https://blog.csdn.net/i_yuanpeng/article/details/112776199

版权

本文记录了如何使用JavaScript创建一个日期选择控件，该控件阻止用户选择当前日期之后的日期。这个功能在需要用户输入不早于当前日期的场景中非常有用。

摘要由CSDN通过智能技术生成

做个笔记记录一下，希望大家有所帮助！

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>input框中自动展示当前日期</title>
</head>
<body>

<div class="form-group">
	<ul>
		<li style="float: left;">
			<em></em>
			<label class="col-sm-3 control-label">正常显示的时间</label>
			<input type="date" id="beginTime2" />
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			
			<label class="col-sm-3 control-label">不能选择今天以后的时间</label>
			<em></em>
			<input type="date" id="beginTime" max="2018-1-04">
		</li>
	</ul>
</div>
<script typet="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>

&l