输入框的值，能过选择日历来输入值

最新推荐文章于 2021-07-15 10:52:09 发布

原创最新推荐文章于 2021-07-15 10:52:09 发布 · 319 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#日历 #function #html #java #url

web-jsp 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种利用jQuery和自定义JavaScript函数结合的方式实现HTML页面上的日期选择器功能。通过点击输入框或图标，可以弹出日期选择面板，方便用户选取特定日期，并将所选日期格式化为“yyyy-MM-dd”格式。

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript" src="js/datectrl.js"></script>
<script type="text/javascript" src="js/jquery-1.7.js"></script>
</head>
<body>
<input id="funcendtime" name="funcendtime" type="text" />
<i id="imgDate" style="background:url(images/icon_rili.png); cursor:pointer;"></i>
</body>
<script type="text/javascript">
$(function(){
$("#funcendtime").focus(function(){
SelectDate(this,"yyyy-MM-dd");
});
$("#imgDate").click(function(){
SelectDate(document.getElementById("funcendtime"),"yyyy-MM-dd");
});
});
</script>

</html>

datectrl.js