js排班表代码(excel编程排班表)

本文目录一览:

谁帮我改改这段JS代码,实现一个值班表,每周一自动换班

function zhibanren(){

var pers=new Array(‘张三’,’李四’,’同志1′,’同志2′,’同志3′,’同志4′,’同志5′,’同志6′);

var ctrl_param=2;

var now=new Date();

var days=parseInt(now.getTime()/24/3600/1000+3);

return pers[(parseInt(days /7)+ctrl_param) % pers.length];

}

alert(zhibanren()); 主要就是+3 那里。getTime() 返回的是当前时间距1970年1月1日的毫秒数,那天是星期四,所以你得把除出来的天数+3倒退到星期一。然后再根据总天数/7 就可得到距那天有多少个周。剩下的事就简单了。你原来弄复杂了。

如何用js代码在页面上实现tr排序

我看有jQuery的语法,就用jQuery类似的,输入的时间没有去校验,格式如2011-4-19 11:35:11

html xmlns=””

head

meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /

titlejQuery/title

script language=”javascript” type=”text/javascript” src=”js/jquery-1.4.4.js” /script

script type=”text/javascript”

$(document).ready(function()

{

$(“#b”).click(function(){

var dueDate = $(“#dueDate”).val();

$(“#t tr”).each(function(i){

if(!compareTime($(“td:eq(1)”,this).html(),dueDate) i==0){ //输入时间小于第一行时间则直接插入到第一行前

$(“#t tr”).eq(i).before(“trtdcontent/tdtd”+ dueDate +”/td/tr”);

return false;

}

else if($(“#t tr”).size()-1 i){ //比较第二行到最后前一行,如果是在期间的,插入行

if(compareTime($(“td:eq(1)”,this).html(),dueDate) !compareTime($(“#t tr”).eq(i+1).find(“td”).eq(1).html(),dueDate)){

$(“#t tr”).eq(i+1).before(“trtdcontent/tdtd”+ dueDate +”/td/tr”);

return false;

}

else{

return true;

}

}

//输入时间大于所有行的,插入到最后

$(“#t”).append(“trtdcontent/tdtd”+ dueDate +”/td/tr”);

});

});

});

//时间比较函数

function compareTime(startDate, endDate) {

var startDateTemp = startDate.split(” “);

var endDateTemp = endDate.split(” “);

var arrStartDate = startDateTemp[0].split(“-“);

var arrEndDate = endDateTemp[0].split(“-“);

var arrStartTime = startDateTemp[1].split(“:”);

var arrEndTime = endDateTemp[1].split(“:”);

var allStartDate = new Date(arrStartDate[0], arrStartDate[1], arrStartDate[2], arrStartTime[0], arrStartTime[1], arrStartTime[2]);

var allEndDate = new Date(arrEndDate[0], arrEndDate[1], arrEndDate[2], arrEndTime[0], arrEndTime[1], arrEndTime[2]);

if (allStartDate.getTime() = allEndDate.getTime()) {

return false;

} else {

return true;

}

}

/script

/head

body

input type=”text” id=”dueDate” value=”” /button type=”button” id=”b”insert/button

table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″ id=”t”

tr

td111/td

td2011-04-19 11:20:00/td

/tr

tr

tdaaa/td

td2011-04-19 11:40:00/td

/tr

tr

td3xxx/td

td2011-04-19 13:30:00/td

/tr

tr

tdgfedd/td

td2011-04-19 20:50:00/td

/tr

/table

/body

/html

怎么用js做一个表格

1.在页面div中创建一个空白表,可以根据需要对其进行定制。

2.创建表之后,我们可以编写关键代码来动态生成表。我们编写了一个js方法来触发使用。

3.在 TB 标签中,我们添加了标签,主要用于提供用户输入参数,而全局变量num主要用于区分每个添加参数的唯一id。

4.获取表中的数据,以供下图参考。

5.一旦我们获得了表中的数据,我们就应该将其转换成json数据的形式。

原创文章,作者:小蓝,如若转载,请注明出处:https://www.506064.com/n/237828.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
小蓝小蓝
上一篇 2024-12-12 12:07
下一篇 2024-12-12 12:08

相关推荐

  • Python周杰伦代码用法介绍

    本文将从多个方面对Python周杰伦代码进行详细的阐述。 一、代码介绍 from urllib.request import urlopen from bs4 import Bea…

    编程 2025-04-29
  • JS Proxy(array)用法介绍

    JS Proxy(array)可以说是ES6中非常重要的一个特性,它可以代理一个数组,监听数据变化并进行拦截、处理。在实际开发中,使用Proxy(array)可以方便地实现数据的监…

    编程 2025-04-29
  • Python字符串宽度不限制怎么打代码

    本文将为大家详细介绍Python字符串宽度不限制时如何打代码的几个方面。 一、保持代码风格的统一 在Python字符串宽度不限制的情况下,我们可以写出很长很长的一行代码。但是,为了…

    编程 2025-04-29
  • Python基础代码用法介绍

    本文将从多个方面对Python基础代码进行解析和详细阐述,力求让读者深刻理解Python基础代码。通过本文的学习,相信大家对Python的学习和应用会更加轻松和高效。 一、变量和数…

    编程 2025-04-29
  • 仓库管理系统代码设计Python

    这篇文章将详细探讨如何设计一个基于Python的仓库管理系统。 一、基本需求 在着手设计之前,我们首先需要确定仓库管理系统的基本需求。 我们可以将需求分为以下几个方面: 1、库存管…

    编程 2025-04-29
  • Python满天星代码:让编程变得更加简单

    本文将从多个方面详细阐述Python满天星代码,为大家介绍它的优点以及如何在编程中使用。无论是刚刚接触编程还是资深程序员,都能从中获得一定的收获。 一、简介 Python满天星代码…

    编程 2025-04-29
  • 写代码新手教程

    本文将从语言选择、学习方法、编码规范以及常见问题解答等多个方面,为编程新手提供实用、简明的教程。 一、语言选择 作为编程新手,选择一门编程语言是很关键的一步。以下是几个有代表性的编…

    编程 2025-04-29
  • Python实现简易心形代码

    在这个文章中,我们将会介绍如何用Python语言编写一个非常简单的代码来生成一个心形图案。我们将会从安装Python开始介绍,逐步深入了解如何实现这一任务。 一、安装Python …

    编程 2025-04-29
  • 怎么写不影响Python运行的长段代码

    在Python编程的过程中,我们不可避免地需要编写一些长段代码,包括函数、类、复杂的控制语句等等。在编写这些代码时,我们需要考虑代码可读性、易用性以及对Python运行性能的影响。…

    编程 2025-04-29
  • 北化教务管理系统介绍及开发代码示例

    本文将从多个方面对北化教务管理系统进行介绍及开发代码示例,帮助开发者更好地理解和应用该系统。 一、项目介绍 北化教务管理系统是一款针对高校学生和教职工的综合信息管理系统。系统实现的…

    编程 2025-04-29

发表回复

登录后才能评论