`
djlijian
  • 浏览: 29237 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

表单中输入日期

JSP 
阅读更多
    经常要通过点击按钮的方式显示出一个Calendar,然后选择日期并输入到文本框中。这是一个简单的小例子,仅供大家参考。

1,要先引入一个js,主要用于显示Calender,选中后输入到文本框中的。date_select.js见附件。


2,在你的jsp页面中引入你的date_select.js代码,我的js文件放在WebRoot/js文件夹中的:

<script src="js/date_select.js" type="text/javascript"></script>

3,就是简单的表单了,如下:

  <s:form action="addTrainClass" theme="simple" name="addForm">
<tr>
<td>开始日期:</td>
<td><s:textfield name="begindate" readonly="true" title="点击选择日期" onclick="setday(addForm.begindate);"/></td>
<td>结束日期:</td>
<td><s:textfield name="enddate" readonly="true"  title="点击选择日期" onclick="setday(addForm.enddate);"/></td>
</tr>

</s:form>

注意:这里有个问题,在struts2中如果用驱动模型的时候,点击输入框时,Calendar显示不出来,有错误。
如:
<td><s:textfield name="user.begindate" readonly="true" title="点击选择日期" onclick="setday(addForm.begindate);"/></td>

希望有解决此bug的高手指点迷津。
分享到:
评论

相关推荐

    form表单日期输入控件

    在网页设计和开发中,`form` 表单是用户与服务器进行数据交互的重要组成部分,而日期输入控件则是表单中常见的一种元素,用于收集用户的日期或时间信息。在HTML5中,引入了内置的日期输入类型,使得创建和处理日期...

    form表单日期输入时间控件2

    在网页开发中,`form`表单是收集用户数据的核心元素,而日期和时间输入控件则是表单中常见且重要的组成部分。它们允许用户方便地输入或选择日期和时间值,提高了用户体验并确保数据的准确性。本文将深入探讨HTML、...

    日期使用源代码

    该插件通常用于简化用户在表单中输入日期的过程。 - **jQuery库**:这是一个轻量级的JavaScript库,提供了许多实用的API,简化了HTML文档遍历、事件处理、动画等操作。在这个例子中,虽然没有直接使用jQuery的功能,...

    检测表单中日期的合法性,检测项目很全(HTML经典用例)

    `testKey`函数的主要作用是在用户输入日期时限制他们只能输入数字和斜杠(/)。它通过检查按键的字符编码是否存在于允许的字符数组`chars`中来实现这一目的。如果用户尝试输入非法字符,该函数会阻止事件的默认行为...

    My97DatePicker日期时间插件示例

    它为用户提供了方便、友好的界面,使得在网页表单中输入日期和时间变得简单直观。这款插件由国内开发者设计,具有高度自定义性和良好的兼容性,支持IE6及以上版本的浏览器,同时兼容Firefox、Chrome、Safari等现代...

    struts2(时间日期类型转换器)

    当用户在表单中输入日期数据时,Struts2会尝试根据配置的日期格式将这些数据转换为日期对象。如果用户输入的格式与预设格式不匹配,转换可能会失败,这时需要自定义转换器。 自定义转换器可以通过实现`...

    日期格式转换的Java实现

    例如,在Web应用程序中,用户可能需要在表单中输入日期,而服务器端则需要将这些日期转换成统一的格式进行存储或者进一步处理。在这种情况下,`SimpleDateFormat`可以非常方便地帮助我们完成这一任务。 此外,还...

    表单验证+对话框+日期格式化+日期选择框+select美化js框架

    "表单验证+对话框+日期格式化+日期选择框+select美化js框架"这个主题涵盖了一些核心的技术点,它们都是构建高效、友好且功能丰富的前端应用不可或缺的部分。接下来,我们将深入探讨这些知识点。 1. 表单验证: ...

    常用表单填入日期使用日历控件JS

    在网页设计和开发中,表单输入是必不可少的一部分,尤其是日期选择。为了提供用户友好的体验,"常用表单填入日期使用日历控件JS" 提供了一种解决方案,它利用JavaScript创建了一个功能强大且兼容性良好的日历组件。...

    javascript日期输入文本框

    当用户输入日期时,通常需要按照特定格式显示,如"YYYY-MM-DD"。JavaScript没有内置的日期格式化方法,但可以通过组合`Date`对象的方法来实现。例如,可以使用`getFullYear()`、`getMonth()+1`(月份从0开始)、`...

    mootoolsdatepicker

    日期选择器(Datepicker)是网页设计中常见的元素,用于在表单中输入日期时提供一个方便的界面。MooTools Datepicker将日历控件与文本输入框绑定,用户可以通过点击按钮或直接在输入框中聚焦来激活日历,然后选择一...

    一个方便输入日期的控件

    标题提到的"一个方便输入日期的控件"就是一个这样的设计实例,旨在简化用户输入日期的过程,避免输入错误并提高数据准确性。 描述中指出,当用户尝试输入不正确的年月时,系统会报错。这是通过内置的验证机制实现的...

    ASP.NET---js日历控件

    在ASP.NET中,日历控件常用于日期选择场景,例如在表单中输入日期。尽管ASP.NET本身提供了服务器端的WebControl如Calendar,但若要在客户端实现更灵活、更轻量级的日历效果,JavaScript库如jQuery UI、FullCalendar...

    jQuery表单验证+日期插件

    例如,在注册或预订表单中,用户可能需要输入出生日期,使用datepick选择日期,然后用formValidator验证其合法性。 - 结合使用这两个插件,可以创建一个更强大、更友好的前端表单系统,既能保证数据质量,又能提高...

    JqueryDateTimePicker

    这款插件尤其适合那些需要在网页表单中输入日期和时间的场合,例如预订系统、日程安排或事件管理等。 **日期选择器(DatePicker)**是网页开发中的常见组件,允许用户以直观的方式选择日期。jQuery DateTimePicker...

    wdatePicker 解决火狐和IE兼容

    wdatePicker是一款常见的网页日期选择组件,它允许用户在网页表单中方便地输入日期,而无需手动输入,提高用户体验。 【描述详解】 描述中提到,“含有时分秒的设置”,这意味着wdatePicker不仅支持日期选择,还...

    javascript 表单日期选择

    在JavaScript中,表单日期选择是一项常见的功能,用于获取用户输入的日期信息。这通常涉及到HTML5中的`&lt;input type="date"&gt;`元素,以及JavaScript的DOM操作和事件处理来增强用户体验。本篇文章将深入探讨如何使用...

    日历控件

    - 日期输入:在表单中输入日期,如订单日期、出生日期等。 - 时间轴视图:在项目管理中,展示任务开始和结束日期。 - 账单周期:银行账户、订阅服务的计费日期提醒。 - 旅行预订:机票、酒店预订时选择出发和...

    js表单验证,js日期控件,js新闻编辑器控件,

    本话题主要探讨了三个关键知识点:JavaScript表单验证、JavaScript日期控件以及JavaScript新闻编辑器控件。 首先,JavaScript表单验证是确保用户输入数据正确性和完整性的关键步骤。在Web应用中,用户输入的数据...

Global site tag (gtag.js) - Google Analytics