JSP页面的日期控件可以弹出选择框选择日期

最新推荐文章于 2024-09-11 10:05:28 发布

FairytailRose

最新推荐文章于 2024-09-11 10:05:28 发布

阅读量1.4w

点赞数 8

分类专栏： JAVA 文章标签： JSP日期

本文链接：https://blog.csdn.net/FairytailRose/article/details/93729938

版权

JAVA 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

JSP页面的日期控件可以弹出选择框选择日期

input框的如下

<input type="text" name="starttime" readonly="readonly"/>
<input type="text" name="buildtime" readonly="readonly"/>
<input type="text" name="endtime" readonly="readonly"/>

JSP页面的日期控件,顺带转换格式,使用的时候,以下代码直接拿过来用即可

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/datejs/jQuery-Timepicker-Addon/demos.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/datejs/jQuery-Timepicker-Addon/jquery-ui-timepicker-addon.css">
<link href="https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/datejs/jQuery-Timepicker-Addon/jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/datejs/js/jquery.ui.datepicker-zh-CN.js.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/datejs/js/jquery-ui-timepicker-zh-CN.js"></script>
<script type="text/javascript">
    /* name="sdate" */
    $(function(){
        $('input[name="starttime"],input[name="buildtime"],input[name="endtime"]').datepicker({
            dateFormat: "yy-mm-dd"
        });
    })

</script>