html页面:

<div class="recordbriefing-title-top-body">
<span class="record-left"></span>
<p class="record-Ptime"></p>
<span class="record-right"></span>
</div>

css样式:

.record-left{
content: "";
width: 0;
height: 0;
float: left;
border-top: 10px solid transparent;
border-right: 10px solid red;
border-bottom: 10px solid transparent;
margin-top:5px;
}
.record-right{
content: "";
width: 0;
height: 0;
float: right;
border-top: 10px solid transparent;
border-left: 10px solid red;
border-bottom: 10px solid transparent;
margin-top:5px;
margin-right: 25px;
}
.record-Ptime{
display:inline-block;
width: 80%;
font-size: 16px;
color: #000;
text-align: center;
line-height: 31px;
}

js部分:

$(function() {
var rsValue='';
var todayData=new Date();
var year= todayData.getFullYear();
var month= todayData.getMonth();//月份从0开始
// console.log(typeof month);
var day=new Array(31,28,31,30,31,30,31,31,30,31,30,31);
var todayDay;

for(var i=0;i<day.length;i++){
if(i==month){
todayDay=day[i];
}
if((year%4)==0){
if((month+1)==2){
todayDay=29;
}
}
}

if(month>9){
rsValue=year+'.'+(month+1)+'.01~'+year+'.'+(month+1)+'.'+todayDay;
}else{
rsValue=year+'.0'+(month+1)+'.01~'+year+'.0'+(month+1)+'.'+todayDay;
}
// console.log(rsValue);
// 得到的拼接时间显示在页面上
$(".record-Ptime").empty();
$('.record-Ptime').append(rsValue);
changeTime();

// 上个月 左边改变时间事件
var j=1;
$(".record-left").on("click", function(){
j--;

// 判断月份是否>0,是13时就年份加1
if((month+j)<=0){
year-=1;
month=11;
j=1;
}
for(var i=0;i<day.length;i++){
if(i==(month+j-1)){
todayDay=day[i];
}
if((year%4)==0){
if((month+j)==2){
todayDay=29;
}
}
}
if((month+j)>9){
rsValue=year+'.'+(month+j)+'.01~'+year+'.'+(month+j)+'.'+todayDay;
}else{
rsValue=year+'.0'+(month+j)+'.01~'+year+'.0'+(month+j)+'.'+todayDay;
}
// 得到的拼接时间显示在页面上
$(".record-Ptime").empty();
$('.record-Ptime').append(rsValue);
changeTime();

});

// 下个月 右边改变时间事件
$(".record-right").on("click", function(){
j++;

// 判断月份是否>12,是13时就年份加1
if((month+j)>12){
year+=1;
month=0;
j=1;
}
for(var i=0;i<day.length;i++){
if(i==(month+j-1)){
todayDay=day[i];
}
if((year%4)==0){
if((month+j)==2){
todayDay=29;
}
}
}
if((month+j)>9){
rsValue=year+'.'+(month+j)+'.01~'+year+'.'+(month+j)+'.'+todayDay;
}else{
rsValue=year+'.0'+(month+j)+'.01~'+year+'.0'+(month+j)+'.'+todayDay;
}
// 得到的拼接时间显示在页面上
$(".record-Ptime").empty();
$('.record-Ptime').append(rsValue);
changeTime();
});

});

jQuery,月历,左右点击事件实现月份的改变的更多相关文章

  1. jquery中交替点击事件toggle方法的使用示例

    jquery中交替点击事件toggle方法中有两个参数,分别是要交替执行的事件.如果不传参默认是显示隐藏功能,下面有个不错的示例,感兴趣的朋友可以参考下 复制代码代码如下: $('#clickId‘) ...

  2. js和jquery触发按钮点击事件

    js触发按钮点击事件 function load(){ //下面两种方法效果是一样的 document.getElementById("target").onclick(); do ...

  3. jQuery模拟鼠标点击事件失效的问题

    最近使用jQuery操作浏览器获取数据,需要对分页的信息进行处理,发现直接使用$('div#pager a.next').click();的这种写法无法触发点击事件. 使用trigger('click ...

  4. jquery/js记录点击事件,单击次数加一,双击清零

    目的:点击按钮,点击后在网页上显示点击次数,双击清零 实现:js或者jquery 代码如下: <%@ page language="java" contentType=&qu ...

  5. jQuery添加options点击事件并传值

    说明: 根据选择不同店铺选项,上送不同id值,展示不同商品列表   var formStr = "{'supplierId':'供应链企业|%-jm-sprt-%|93794498-3'}& ...

  6. jQuery 动态绑定的点击事件

    $(function () { , $_div = $('#test'); $('input[name=addbtn]').on('click', function () { $_div.append ...

  7. JavaScript与jQuery关于鼠标点击事件

    即实现鼠标点击其中一个菜单发生样式的改变,当点击下一个菜单时,当前菜单样式改变,其他菜单均变为之前样式. 用JavaScript,jQuery都可以实现,只是后者是封装的JavaScript库,具有s ...

  8. jquery让一个点击事件刷新页面就自己执行一次的方法

    $('name')这个元素之前已经绑定过事件啦,(on绑定)然后直接调用下即可: $('name').click();

  9. jquery中绑定点击事件

    $("body").on("click",".tab-contentBox td",function(){}; $(".tab-c ...

随机推荐

  1. kill命令详解

    基础命令学习目录首页 原文链接:https://www.cnblogs.com/wangcp-2014/p/5146343.html 1.命令格式: kill[参数][进程号] 2.命令功能: 发送指 ...

  2. HDU 4717 The Moving Points(三分法)(2013 ACM/ICPC Asia Regional Online ―― Warmup2)

    Description There are N points in total. Every point moves in certain direction and certain speed. W ...

  3. 前台如何处理后台返回的json数据

    后台返回的json数据格式: { "state": true, "data": { "id": 0, "name": & ...

  4. C++编码规范101

    组织和策略问题 第0条 不要拘泥于小节(又名:了解哪些东西不应该标准化) 第1条 在高警告级别干净利落地进行编译 第2条 使用自动构建系统 第3条 使用版本控制系统 第4条 在代码审查上投入 设计风格 ...

  5. ob_flush()和flush()的区别

    最近写定时任务,遇到ob_flush()和flush()混淆的问题... ob_flush/flush在手册中的描述, 都是刷新输出缓冲区, 并且还需要配套使用, 所以会导致很多人迷惑- 其实, 他们 ...

  6. 将CRUD封装到一个工具类中

    package org.zln.hibernate.utils; import org.hibernate.Session; import org.hibernate.SessionFactory; ...

  7. 【bzoj3856】Monster 乱搞

    题目描述 你要打一只h点血的怪物,每回合你攻击会造成a点伤害,回合结束后怪物会回b点血,你每攻击k回合需要休息一次,该回合不能造成伤害.怪物血量降到0以下就会死亡,问最后能否打死怪物. 输入 Ther ...

  8. 【bzoj2152】聪聪可可 树的点分治

    题目描述 聪聪和可可是兄弟俩,他们俩经常为了一些琐事打起来,例如家中只剩下最后一根冰棍而两人都想吃.两个人都想玩儿电脑(可是他们家只有一台电脑)……遇到这种问题,一般情况下石头剪刀布就好了,可是他们已 ...

  9. 【题解】ZJOI2007报表统计

    洛谷传送门 主要思路大概也是差不多的,对于两种询问分别用线段树与平衡树来维护. 1.MIN_SORT_GAP:显然平衡树简单操作,来一发前驱.后继即可. 2.MIN_GAP:这一个我用的是线段树:可以 ...

  10. 【模拟赛·polyline】

    Input file: polyline.in Output file: polyline.out Time limit: 1s Memory limit: 128M 有若⼲个类似于下⾯的函数: 定义 ...