js 前端时间选择器

最新推荐文章于 2025-06-08 10:50:56 发布

原创最新推荐文章于 2025-06-08 10:50:56 发布 · 8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#时间

js 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一个日期选择器的实现方式，通过JavaScript限制用户只能选择当前日期及之前的日期，确保了数据的有效性和一致性。

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

<div class="bname fl">
		创建时间：
       <br> 
       <input type="date" id="startCreatetime" max="">
         -
        <input type="date" id="endCreatetime" max="">
</div>

<script type="text/javascript">
		//日期设置，不可选择今日之后的日期
		$(function() {
			var now = new Date();
			var year = now.getFullYear();
			var month = now.getMonth() + 1 < 10 ? "0" + (now.getMonth() + 1)
					: (now.getMonth() + 1);
			var day = now.getDate() < 10 ? "0" + now.getDate() : now.getDate();
			$("#startCreatetime").attr("max", year + "-" + month + "-" + day);
			$("#endCreatetime").attr("max", year + "-" + month + "-" + day);
		})
	</script>