自动填写本日，本周，本月条件的查询

最新推荐文章于 2023-09-06 11:21:31 发布

sxww321

最新推荐文章于 2023-09-06 11:21:31 发布

阅读量843

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： radiobutton date html button action import

本文链接：https://blog.youkuaiyun.com/sxww321/article/details/6078204

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个简单的日期选择器实现方案，该方案可以根据用户选择显示当前日期、本周或当月的起始与结束日期，并自动填充到表单中。通过使用JavaScript和HTML，此选择器能够方便地应用于各种在线表单场景。

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

今天群里某人的一个需求~

见下图：

这个需求不难，但是用的地方还是挺多的，以下是实现：

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <mce:script type="text/javascript"></mce:script> </head> <body> <form id="d1" name="d1" action="#"> <label for="t"> 输入时间段: </label> <input type="text" name="start_date" id="start_date"> - <input type="text" name="end_date" id="end_date"> <input type="radio" name="radiobutton" value="radiobutton1" id="r1" onclick="change();"/> <label for="r1"> 本日 </label> <input type="radio" name="radiobutton" value="radiobutton2" id="r2" onclick="change();"/> <label for="r2"> 本周 </label> <input type="radio" name="radiobutton" value="radiobutton3" id="r3" onclick="change();"/> <label for="r3"> 本月 </label> <input type="button" value="查询" onclick="query()" /> </form> </body> </html>