JavaScript时间选择框实现与JSTL格式化-CSDN博客

本文链接：https://blog.csdn.net/Zsysu_it/article/details/79092467

本文介绍了JavaScript中使用WdatePicker插件创建时间选择框的方法，包括如何配置显示范围、周末高亮和皮肤。同时，也讲解了JSTL的<fmt:formatDate>标签在格式化显示日期和时间方面的应用，提供了不同类型和样式的选择。

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

一：时间选择框

<input type="text" style="width:100px" id name >

1.时间选择框onfocus/onclick : WdatePicker({})

此插件显示日历选择框，可通过属性控制显示范围，周末亮显，显示皮肤等

（1）使用js文件

WdatePicker.js 配置文件,在调用的地方仅需使用该文件

calendar.js 日期库主文件

（2）常用模式

$wdate=true时,在input里加上class="Wdate"就会在选择框右边出现日期图标

lang，readOnly，dateFmt

maxDate，minDate：设置时间范围

maxDate:'#F{$dp.$D(\'id\',{d:-3});}'：使用内置函数设置多个时间框的约束

2.<fmt:formatDate >

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<p>日期格式化 (5): <fmt:formatDate type="both" 
            dateStyle="medium" timeStyle="medium" 
            value="${now}" /></p>

http://www.runoob.com/jsp/jstl-format-formatdate-tag.html

jstl标签，格式化显示时间，部分时间，时间格式化，时间模式等

value；type：date，time，both；dateStyle，timeStyle；pattern

常用控件：时间选择框