把日期时间控件包放到web目录下,使用的页面如下:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!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=UTF-8">
<title>Insert title here</title>
<script type="text/javascript"
src="<s:url value='/commons/datetimepicker/WdatePicker.js'/>">
</script>
</head>
<body>
<form action="#">
<input id="datetime" name="datetime" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm'})" class="Wdate" />
</form>
</body>
</html>
关键的几行如下:
1. 由于下文使用了struts2的标签,导入标签库
<%@ taglib prefix="s" uri="/struts-tags"%>
2. 引用时间控件的js文件
<script type="text/javascript"
src="<s:url value='/commons/datetimepicker/WdatePicker.js'/>">
</script>
3. 这里需要指定class和onfocus就可以了,其中class样式可以自己到里面修改成与自己项目一致的样式,onfocus的函数也可以按需修改
<input id="datetime" name="datetime" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm'})" class="Wdate" />
ps: 控件包来源不详,如有冒犯,敬请谅解。
分享到:
相关推荐
本篇文章将详细讲解一个被称为"好用的日期时间选择控件",它专为Asp.net项目设计,帮助开发者轻松集成日期和时间选择功能。 在Web开发中,JavaScript(简称js)是一种广泛使用的客户端脚本语言,用于实现网页的动态...
`js移动端日期时间选择控件` 是一种常见的交互元素,它允许用户方便地选取日期和时间,提高用户体验。在JavaScript(特别是原生JS)中,我们可以创建自定义的日期时间选择器,或者利用现有的开源库来实现这一功能。 ...
为了提高用户体验,日期时间选择控件成为必不可少的工具。本文将深入探讨在WebForm下如何使用日期时间选择控件,以及其相关特性。 首先,日期时间选择控件允许用户方便地选取日期和时间,而无需手动输入。在WebForm...
日期选择时间控件的实现通常基于JavaScript库,例如jQuery UI中的Datepicker或者Bootstrap的Datetimepicker。这些库提供了丰富的功能,如预设日期范围、禁用特定日期、自定义格式化以及多语言支持等。开发者可以根据...
JavaScript日期时间选择控件,可随意选择实用日期,日期小时,日期小时分钟。直接放在要用的地方就行了,调用非常简单。你一看就动,只要知道简单的HTML标记,就可以自己改动。这里是一个HTML网页,打开看里面的源...
在移动端应用开发中,日期时间选择控件是一个非常常见的组件,它允许用户方便地选取日期和时间,广泛应用于各种场景,如预约、日程安排、表单填写等。本话题将深入探讨移动端日期时间选择控件的设计原理、实现方式...
在JavaScript编程中,日期选择控件是网页交互中常见的元素,尤其在表单提交、日程安排或时间记录等场景中不可或缺。本资源提供了一个高效且易用的JS日期选择控件,它可以帮助开发者轻松地在网页上实现日期选择功能,...
选择日期控件(js封装类,javascript,选择日期,文本框选择日期,控件)
日期时间选择控件在网页开发中扮演着重要角色,它为用户提供了一种便捷的方式来输入或选择日期和时间,尤其在创建表单时非常实用。"日期时间选择控件V1.0"是一个自编的组件,专为满足这种需求而设计。这个控件的核心...
HTML日期选择控件是网页开发中常用的一种交互元素,它允许用户方便地选取日期,常用于表单提交、日程安排或时间记录等场景。在HTML5中,引入了`<input type="date">`标签,为开发者提供了一个内置的日期选择控件,但...
JavaScript日期时间选择控件是网页开发中常用的一种交互元素,它允许用户在界面上方便地选取日期和时间,常用于表单输入、日程安排或事件预订等场景。本控件通常通过JavaScript库实现,例如jQuery UI、Bootstrap ...
像jQuery UI、Bootstrap DateTimePicker、Pickadate.js、Flatpickr、Moment.js等都是常用的JavaScript库,它们提供了丰富的日期时间选择功能,包括自定义格式化、多种语言支持、时间范围限制等。这些库通常可以通过...
在本案例中,我们讨论的是一款名为"JS日期时间选择控件"的组件。 该控件具有以下关键特性: 1. **跨浏览器兼容性**:控件特别强调支持Firefox和IE等主流浏览器,这意味着开发者可以信赖这个组件在不同浏览器上的...
总结来说,这个“非常好用的js日期控件”是一个包含CSS样式和JavaScript实现的日期选择组件,提供了良好的用户体验和高度的可定制性。开发者可以将它轻松集成到自己的项目中,通过调整CSS来匹配网页设计,通过修改JS...
在IT行业中,尤其是在Web开发领域,日期时间选择控件是不可或缺的一部分。无论是PC端还是移动端,用户经常需要输入或选择日期和时间,如预订系统、日程管理、表单填写等场景。本篇文章将深入探讨PC和移动端日期时间...
可以选择时间的控件,js日期时间...可以选择时间的控件,js日期时间控件可以选择时间的控件,js日期时间控件可以选择时间的控件,js日期时间控件可以选择时间的控件,js日期时间控件可以选择时间的控件,js日期时间控件
JS日期和时间选择控件JS日期和时间选择控件JS日期和时间选择控件
日期时间控件,出错,害人了..日期时间控件,出错,害人了..日期时间控件,出错,害人了..日期时间控件,出错,害人了..日期时间控件,出错,害人了..日期时间控件,出错,害人了..日期时间控件,出错,害人了..日期...