`

JQ 根据时间显示对应的活动日期

阅读更多
<!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:由于工作需要就这么多,也就没细写。你可以再细写,根据每月的日期再判断节日,再根据节日显示对应的活动。之所以写这个,是因为经常要修改日期。。。

 

效果图:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  • 大小: 24 KB
2
0
分享到:
评论

相关推荐

    jq实现led数字效果.zip

    "jq实现led数字效果"是指利用jQuery库来创建一种LED数字显示的效果,通常用于呈现日期或时间,使得网页的界面更具有科技感和动态感。 jQuery是一个轻量级、高性能的JavaScript库,它简化了HTML文档遍历、事件处理、...

    jQery 日历 带农历显示

    例如,可能会有一个JavaScript函数,接受公历日期作为输入,然后输出对应的农历日期。 在描述中提到“结构可定制”,这意味着用户可以根据自己的需求自定义日历的布局和样式。这可能通过提供配置选项或允许用户覆盖...

    jq实现简单的日历插件(兼容IE5)

    说明: ...5)当点击今日时,日历列表显示当前时间界面,并且今日的时间显示在文本框中,日历界面隐藏 注: 功能测到IE5,没有问题,如果真的需要兼容到IE5 样式要稍微调整下,我这里没有太注重样式问题

    JQ 最少代码实现当前的星期加时间

    这个标题提到的“最少代码实现当前的星期加时间”,意味着我们要讨论如何使用jQuery来获取当前日期,并显示星期与时间,而且代码量要尽可能地精简。 在JavaScript中,我们可以使用内置的`Date`对象来获取当前日期和...

    jq 双日历时间选择控件

    "jq 双日历时间选择控件"就是这样的一个工具,它为用户提供了方便的日期和时间选择功能,常用于预订系统、行程安排或者任何需要用户输入日期范围的场景。 这个控件基于jQuery构建,意味着开发者可以利用jQuery的...

    DateTimePicker:jQuery日期和时间插件

    - **格式化输出**:日期和时间可以按照预设或自定义的格式显示。 - **事件回调**:提供丰富的事件回调函数,如选择日期或时间后的回调,方便开发者进行数据处理和验证。 - **时间和日期范围限制**:可以设定最小...

    jQuery滑动拖动设置时间日期范围选择器代码

    同时,关联的日期选择器也需要同步更新,显示对应的日期范围。 代码示例: ```javascript $(document).ready(function() { var startDateSlide = $("#startDateSlide"); var endDateSlide = $("#endDateSlide");...

    jq实现双日历

    而且日历隐藏 5)当点击今日时,日历列表显示当前时间界面,并且今日的时间显示在文本框中,日历界面隐藏 注: 1)功能测到IE5,没有问题,如果真的需要兼容到IE5 样式要稍微调整下,我这里没有太注重样式问题 2)...

    jq双日历选择

    5)当点击今日时,日历列表显示当前时间界面,并且今日的时间显示在文本框中,日历界面隐藏 注: 1)功能测到IE5,没有问题,如果真的需要兼容到IE5 样式要稍微调整下,我这里没有太注重样式问题 2)css文件和js文件...

    用js jq HTML css实现网页万年历 (有周次统计)

    - 当日期跨周时,更新周次统计,确保每个日期都对应正确的周次。 - 可以通过给日期单元格添加额外的类名,或者使用自定义数据属性来保存周次信息,便于后续处理和展示。 7. **事件监听**: - 使用`on()`方法监听...

    精确到秒的JQuery日期控件

    这里的`dateFormat`属性定义了日期和时间的显示格式,`HH:mm:ss`表示24小时制的小时、分钟和秒。`showSecond`设置为`true`使得秒钟部分可见。 为了与JAVA后端进行交互,我们需要在用户选择日期和时间后,将该信息...

    jQuery将时间日期转换为多少天之前代码

    在实际项目中,你可能需要将上述的`daysAgo`函数添加到你的主JavaScript文件中,然后在HTML元素的事件处理函数中调用它,比如在页面加载完成后更新时间显示: ```html &lt;!DOCTYPE html&gt; &lt;title&gt;jQuery日期转换...

    jQuery手机端HTML5带农历日期选择插件jQuery移动端日历插件swiper.js

    农历转换算法可能被嵌入到JavaScript代码中,以便将公历日期与农历日期对应起来,并在日历上同时显示。 iPhone的滚轮选择样式是一种模仿iOS设备日期选择器的交互方式,它提供了一种直观的日期选择体验。在插件中,...

    bootstrap-daterangepicker- 基于 Bootstrap 框架的日期范围选择控件

    2. **自定义显示**:开发者可以根据需求调整日期显示格式,通过设置参数如 `format` 来决定日期的显示方式,例如 `YYYY-MM-DD` 或者 `MM/DD/YYYY`。 3. **预设范围**:可以通过配置 `ranges` 参数来预设一些常用的...

    jQuery拖动滑块时间轴选择日期代码

    3. 根据滑块的位置,计算出对应的日期。这可能涉及到一个映射关系,例如滑块的像素位置与日期之间的转换算法。 4. 更新UI,展示所选日期。这可能通过修改HTML元素的内容,或者改变CSS样式来实现视觉反馈。 5. 可能还...

    layui-laydate时间日历控件使用方法详解

    - `type`: 可以设置为'year', 'month', 'date', 'time', 或 'datetime',分别对应年选择、年月选择、日期选择、时间选择和日期时间选择。 - `range`: 用于开启范围选择,可以设置为`true`或自定义分隔符。 - `...

    jQuery带播放进度条水平时间轴

    1. **日期和星期显示**:时间轴上的每个节点不仅包含时间点,还标注了对应的日期和星期,这有助于用户快速定位到特定的日期和了解一周中的哪一天。 2. **进度条播放**:进度条是用户界面中的常见元素,用于指示任务...

    jQuery带时间的日期控件代码分享

    这包括绑定Datepicker和Timepicker到对应的输入框,并可能设置一些选项,比如默认日期、时间格式等。 8. **事件处理**:你可以监听Datepicker和Timepicker的选择事件,例如`changeDate`或`changeTime`,以便在用户...

    js前台判断开始时间是否小于结束时间

    5. 分别对日期部分和时间部分进行特殊格式的处理,比如将日期部分格式化为"YYYY-MM-DD",时间部分格式化为"HH:MM:SS"。 6. 最后,返回转换后的标准时间字符串。 通过上述步骤,我们能够确保用户输入的时间被正确地...

Global site tag (gtag.js) - Google Analytics