我在页面用的是
My97日期控件
对日期控件感兴趣的可以参照:
http://www.oschina.net/project/tag/278/jquery-calendar
页面中代码如下:
<td><input id="yanbaostarttime_<bean:write name='saleObuBeanList' property='id' />" type="text" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd',minDate:'%y-%M-{%d}'})" name="xxxx" style="width:100px;" onchange="changeDate(<bean:write name='saleObuBeanList' property='id'/>)" value='<bean:write name="saleObuBeanList" property="yanbaostarttimeStr" />'/> </td> <td><input id="yanbaoendtime_<bean:write name='saleObuBeanList' property='id' />" type="text" readonly="true" name="xxxx" style="width:100px;" value='<bean:write name="saleObuBeanList" property="yanbaoendtimeStr" />'/> <td>
可能我写得比较复杂,这是因为,我要对查询结果集进行单条修改,所以用到了最基础的input标签,
我的需求是前边选择日期后,自动加三年填充后边日期,例如2014-12-17号,填充后边变为2017-12-16
我的js方法如下:
function changeDate(id){ var str =document.getElementById("yanbaostarttime_"+id).value; str = str.replace(/-/g,"/"); var date = new Date(str); date.setYear(date.getYear()+3); date.setDate(date.getDate() - 1); str = date.getFullYear() + '-' + (parseInt(date.getMonth()) + 1) + '-' + date.getDate(); document.getElementById("yanbaoendtime_"+id).value =str; }
我对js也不太熟,希望对大家有所帮助吧。
相关推荐
在“JavaScript开发-日期处理库”的标签下,我们可以推断这是一个关于使用JavaScript库进行日期处理的讨论。 首先,让我们深入理解JavaScript中的日期处理。Date对象是JavaScript中的内置对象,可以用来创建、操作...
在网页中,JS可以极大地增强用户交互性,其中日期控件是常见的一种功能,用于帮助用户方便地选择日期,常用于日历插件、表单验证或时间相关的功能。下面将详细讨论JS日期控件的相关知识点。 1. **内置Date对象**:...
由于 `dateformat.js` 的体积小巧,它可以轻松地与其他 JavaScript 库(如 jQuery、React 或 Angular)集成,以增强日期处理功能,而不会增加太多负担。 ### 7. 开源与社区支持 `dateformat.js` 是开源的,这意味...
在JavaScript中,日期和数字的文本格式化是一个常见的需求,特别是在构建用户界面或者处理数据时。这个主题主要涉及如何将日期对象转换为易读的字符串,以及如何对数字进行格式化,使其符合特定的显示标准。这篇博文...
在JavaScript中,我们经常使用内置的Date对象来处理日期。Date对象允许我们创建、格式化和比较日期。例如,创建一个新日期实例可以这样写: ```javascript var currentDate = new Date(); ``` 二、jQuery与日期...
Moment.js 是一个强大的JavaScript日期处理库,专门用于管理和格式化日期和时间。它提供了一种简单易用的方式来处理复杂的日期和时间操作,使得在前端和后端开发中处理日期变得非常方便。 在 Moment.js 中,你可以...
在JavaScript开发中,对日期进行比较是一项常见的需求,尤其是在涉及时间管理、数据排序等场景时。本文将详细介绍如何在JavaScript中实现日期的比较,并提供几种不同的方法来帮助开发者根据具体需求选择最合适的方式...
描述中提到"manba:一个Javascript日期处理迷你类库,超级简洁的日期处理Util,比moment.js小很多。" 这意味着Manba是一个精简的工具集,专注于日期和时间的处理。它的代码量较小,因此加载速度更快,内存占用也更少...
为了实现一个兼容多平台、易用的js手机端日期控件,开发者可能会使用现有的开源库,如`date-fns`用于日期处理,`moment.js`或`day.js`进行日期格式化,以及` pikaday`或`flatpickr`这样的轻量级日期选择器库。...
1. **初始化**:在页面加载完成后,JavaScript代码会找到相关的HTML元素,然后对其进行增强,将其转换为日期选择控件。 2. **样式设计**:为了使控件看起来更美观,开发者可能会使用CSS来定义日期选择器的样式,...
在网页开发中,日期选择器是一个非常常见的组件,它允许用户方便地选择日期,通常用于填写表单或者进行时间相关的操作。"网页日期选择js文件" 提供的就是一个JavaScript实现的日期选择功能,使得开发者无需编写复杂...
以下是一些JavaScript日期处理库的核心概念和功能: 1. **Moment.js**: Moment.js是最受欢迎的JavaScript日期库之一,它提供了丰富的日期和时间操作方法。例如,你可以轻松地解析、验证、操作和格式化日期。例如: ...
在实际开发中,尤其在处理跨时区、夏令时等问题时,需要对JavaScript的日期处理有深入的理解。通过学习和实践"3.(js篇)日期的相加减.zip"中的内容,你可以更好地掌握JavaScript中的日期操作,提高你的编程能力。...
在ES6中,新增了Temporal提案,旨在提供一套完整的日期和时间处理API,以解决JavaScript原生日期处理能力的不足。虽然还在草案阶段,但已经开始被一些项目采用。 总结,JavaScript处理时间日期的能力是多方面的,从...
在这个特定的压缩包中,"javaScript处理好的日期js文件" 提供了一种处理日期的方式,这对于在文本框中输入日期非常有用。在网页表单中,日期输入常常需要格式化,验证和用户体验优化,JavaScript库或函数就能很好地...
JavaScript日期时间控件是网页开发中常用的一种组件,主要用于用户在网页上选择或输入日期和时间。在JavaScript中,处理日期和时间的核心对象是`Date`。本篇将深入探讨JavaScript日期时间控件的实现原理、使用方法...
在日常的Web开发中,经常会遇到需要对日期进行处理的情况,比如比较两个日期的大小、计算日期间隔等。本篇将详细介绍如何仅使用JavaScript来实现日期之间的大小比较功能,并通过具体的代码示例来帮助理解。 #### 1....
JavaScript中的日期处理注意事项
在项目开发中,尤其是在涉及到用户界面的日期输入和显示时,理解并熟练使用JavaScript的日期处理功能至关重要。 在JavaScript中,创建一个Date对象可以通过传递当前日期和时间(默认行为)或者特定的日期和时间参数...
Moment.js 是一个简单易用的轻量级JavaScript日期处理类库,提供了日期格式化、日期解析等功能。它支持在浏览器和NodeJS两种环境中运行。此类库能够将给定的任意日期转换成多种不同的格式,具有强大的日期计算功能,...