<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div style="text-align: center;"> <p>阅谁问君诵,水落清香浮。</p> <p>活动日期:<span class="eventDate">暂定</span></p> </div> <script type="text/javascript" src="jquery-1.10.1.min.js" ></script> <script> $(function(){ eventDate(); }); function eventDate(){ var now = new Date(); var year = now.getFullYear(), month = now.getMonth()+1; var eventDate = year+'年1月1日~12月31日'; if(month==1 || month==2){ eventDate = year+'年1月1日~3月1日'; }else if(month==3 || month==4){ eventDate = year+'年3月1日~5月1日'; }else if(month==5 || month==6 || month==7){ eventDate = year+'年5月1日~8月1日'; }else if(month==8 || month==9){ eventDate = year+'年8月1日~10月1日'; }else if(month==10 || month==11){ eventDate = year+'年10月1日~12月1日'; }else{ eventDate = year+'年12月1日~1月1日'; } $('.eventDate').text(eventDate); } </script> </body> </html>
PS:由于工作需要就这么多,也就没细写。你可以再细写,根据每月的日期再判断节日,再根据节日显示对应的活动。之所以写这个,是因为经常要修改日期。。。
效果图:
相关推荐
"jq实现led数字效果"是指利用jQuery库来创建一种LED数字显示的效果,通常用于呈现日期或时间,使得网页的界面更具有科技感和动态感。 jQuery是一个轻量级、高性能的JavaScript库,它简化了HTML文档遍历、事件处理、...
例如,可能会有一个JavaScript函数,接受公历日期作为输入,然后输出对应的农历日期。 在描述中提到“结构可定制”,这意味着用户可以根据自己的需求自定义日历的布局和样式。这可能通过提供配置选项或允许用户覆盖...
说明: ...5)当点击今日时,日历列表显示当前时间界面,并且今日的时间显示在文本框中,日历界面隐藏 注: 功能测到IE5,没有问题,如果真的需要兼容到IE5 样式要稍微调整下,我这里没有太注重样式问题
这个标题提到的“最少代码实现当前的星期加时间”,意味着我们要讨论如何使用jQuery来获取当前日期,并显示星期与时间,而且代码量要尽可能地精简。 在JavaScript中,我们可以使用内置的`Date`对象来获取当前日期和...
"jq 双日历时间选择控件"就是这样的一个工具,它为用户提供了方便的日期和时间选择功能,常用于预订系统、行程安排或者任何需要用户输入日期范围的场景。 这个控件基于jQuery构建,意味着开发者可以利用jQuery的...
- **格式化输出**:日期和时间可以按照预设或自定义的格式显示。 - **事件回调**:提供丰富的事件回调函数,如选择日期或时间后的回调,方便开发者进行数据处理和验证。 - **时间和日期范围限制**:可以设定最小...
同时,关联的日期选择器也需要同步更新,显示对应的日期范围。 代码示例: ```javascript $(document).ready(function() { var startDateSlide = $("#startDateSlide"); var endDateSlide = $("#endDateSlide");...
而且日历隐藏 5)当点击今日时,日历列表显示当前时间界面,并且今日的时间显示在文本框中,日历界面隐藏 注: 1)功能测到IE5,没有问题,如果真的需要兼容到IE5 样式要稍微调整下,我这里没有太注重样式问题 2)...
5)当点击今日时,日历列表显示当前时间界面,并且今日的时间显示在文本框中,日历界面隐藏 注: 1)功能测到IE5,没有问题,如果真的需要兼容到IE5 样式要稍微调整下,我这里没有太注重样式问题 2)css文件和js文件...
这里的`dateFormat`属性定义了日期和时间的显示格式,`HH:mm:ss`表示24小时制的小时、分钟和秒。`showSecond`设置为`true`使得秒钟部分可见。 为了与JAVA后端进行交互,我们需要在用户选择日期和时间后,将该信息...
在实际项目中,你可能需要将上述的`daysAgo`函数添加到你的主JavaScript文件中,然后在HTML元素的事件处理函数中调用它,比如在页面加载完成后更新时间显示: ```html <!DOCTYPE html> <title>jQuery日期转换...
农历转换算法可能被嵌入到JavaScript代码中,以便将公历日期与农历日期对应起来,并在日历上同时显示。 iPhone的滚轮选择样式是一种模仿iOS设备日期选择器的交互方式,它提供了一种直观的日期选择体验。在插件中,...
- 当日期跨周时,更新周次统计,确保每个日期都对应正确的周次。 - 可以通过给日期单元格添加额外的类名,或者使用自定义数据属性来保存周次信息,便于后续处理和展示。 7. **事件监听**: - 使用`on()`方法监听...
- `type`: 可以设置为'year', 'month', 'date', 'time', 或 'datetime',分别对应年选择、年月选择、日期选择、时间选择和日期时间选择。 - `range`: 用于开启范围选择,可以设置为`true`或自定义分隔符。 - `...
2. **自定义显示**:开发者可以根据需求调整日期显示格式,通过设置参数如 `format` 来决定日期的显示方式,例如 `YYYY-MM-DD` 或者 `MM/DD/YYYY`。 3. **预设范围**:可以通过配置 `ranges` 参数来预设一些常用的...
3. 根据滑块的位置,计算出对应的日期。这可能涉及到一个映射关系,例如滑块的像素位置与日期之间的转换算法。 4. 更新UI,展示所选日期。这可能通过修改HTML元素的内容,或者改变CSS样式来实现视觉反馈。 5. 可能还...
1. **日期和星期显示**:时间轴上的每个节点不仅包含时间点,还标注了对应的日期和星期,这有助于用户快速定位到特定的日期和了解一周中的哪一天。 2. **进度条播放**:进度条是用户界面中的常见元素,用于指示任务...
这包括绑定Datepicker和Timepicker到对应的输入框,并可能设置一些选项,比如默认日期、时间格式等。 8. **事件处理**:你可以监听Datepicker和Timepicker的选择事件,例如`changeDate`或`changeTime`,以便在用户...
5. 分别对日期部分和时间部分进行特殊格式的处理,比如将日期部分格式化为"YYYY-MM-DD",时间部分格式化为"HH:MM:SS"。 6. 最后,返回转换后的标准时间字符串。 通过上述步骤,我们能够确保用户输入的时间被正确地...