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/zh-hant/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

發表回復

登錄後才能評論