vue如何制作排班表或者課程表叔营?

今天給大家分享排班表,或者課程表所宰,都是一個道理绒尊,算時間,點擊上一周或者下一周仔粥,每個日期都跟著變婴谱,我寫這個的時候快愁死了??,網(wǎng)上也沒有具體的例子躯泰,不過最后總算做出來了谭羔,我覺得還是比較好理解的,大家有好的方法也可以分享給我麦向,正好把代碼優(yōu)化一下瘟裸,嘻嘻??。

我要做的效果是這樣的:ps:如果后臺給我返一個時間诵竭,就簡單多了话告,但是他不返??,只好自己做了,紅色框圈出來的是我自己算出來的時間卵慰,綠色框圈住的是請求后臺的數(shù)據(jù)沙郭,點擊上一周或者下一周,所有的日期星期幾都會改變呵燕。


效果圖

先說布局棠绘,上面是幾個div,下面是table

我給大家截圖一部分再扭,其他都是一個道理氧苍,就是變量名不同

這個getTime方法里面,str表示獲取星期幾泛范,然后給它判斷星期幾調(diào)用getBeforNday方法

只要獲取到星期日這一天让虐。其他時間都是根據(jù)它推算

根據(jù)星期日那一天獲取其他的日期,給一些變量賦值


點擊上一周罢荡,或者下一周赡突,調(diào)用this.BeforeNday方法对扶,把之前賦值的基礎(chǔ)值付給它。

然后就能實現(xiàn)聯(lián)動了惭缰,點擊上一周和下一周其他日期也會跟著變浪南,主要是找到一個基準(zhǔn)值,所有的數(shù)據(jù)都根據(jù)它來漱受÷缭洌基本的代碼都在截圖了,有什么問題可以向我提問昂羡。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末絮记,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子虐先,更是在濱河造成了極大的恐慌怨愤,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,277評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蛹批,死亡現(xiàn)場離奇詭異撰洗,居然都是意外死亡,警方通過查閱死者的電腦和手機般眉,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,689評論 3 393
  • 文/潘曉璐 我一進店門了赵,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人甸赃,你說我怎么就攤上這事柿汛。” “怎么了埠对?”我有些...
    開封第一講書人閱讀 163,624評論 0 353
  • 文/不壞的土叔 我叫張陵络断,是天一觀的道長。 經(jīng)常有香客問我项玛,道長貌笨,這世上最難降的妖魔是什么饲窿? 我笑而不...
    開封第一講書人閱讀 58,356評論 1 293
  • 正文 為了忘掉前任笔刹,我火速辦了婚禮失尖,結(jié)果婚禮上馏艾,老公的妹妹穿的比我還像新娘。我一直安慰自己煌珊,他們只是感情好芍躏,可當(dāng)我...
    茶點故事閱讀 67,402評論 6 392
  • 文/花漫 我一把揭開白布屯阀。 她就那樣靜靜地躺著固灵,像睡著了一般捅伤。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上巫玻,一...
    開封第一講書人閱讀 51,292評論 1 301
  • 那天丛忆,我揣著相機與錄音祠汇,去河邊找鬼。 笑死熄诡,一個胖子當(dāng)著我的面吹牛可很,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播粮彤,決...
    沈念sama閱讀 40,135評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼根穷,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了导坟?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,992評論 0 275
  • 序言:老撾萬榮一對情侶失蹤圈澈,失蹤者是張志新(化名)和其女友劉穎惫周,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體康栈,經(jīng)...
    沈念sama閱讀 45,429評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡递递,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,636評論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了啥么。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片登舞。...
    茶點故事閱讀 39,785評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖悬荣,靈堂內(nèi)的尸體忽然破棺而出菠秒,到底是詐尸還是另有隱情,我是刑警寧澤氯迂,帶...
    沈念sama閱讀 35,492評論 5 345
  • 正文 年R本政府宣布践叠,位于F島的核電站,受9級特大地震影響嚼蚀,放射性物質(zhì)發(fā)生泄漏禁灼。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,092評論 3 328
  • 文/蒙蒙 一轿曙、第九天 我趴在偏房一處隱蔽的房頂上張望弄捕。 院中可真熱鬧,春花似錦导帝、人聲如沸守谓。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,723評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽分飞。三九已至,卻和暖如春睹限,著一層夾襖步出監(jiān)牢的瞬間譬猫,已是汗流浹背讯檐。 一陣腳步聲響...
    開封第一講書人閱讀 32,858評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留染服,地道東北人别洪。 一個月前我還...
    沈念sama閱讀 47,891評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像柳刮,于是被迫代替她去往敵國和親挖垛。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,713評論 2 354

推薦閱讀更多精彩內(nèi)容

  • ¥開啟¥ 【iAPP實現(xiàn)進入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程秉颗,因...
    小菜c閱讀 6,404評論 0 17
  • “大概蚕甥,是深情才會這般慌張失措” 方才哪替,等待客戶電話略有無聊。偶遇耳風(fēng)的系列《多看一眼菇怀,就不要忘記》中提到某謙在某...
    涼白唐閱讀 584評論 8 12
  • Python學(xué)習(xí) 函數(shù) 變長參數(shù) *a, 以元組傳入?yún)?shù)用 *a ,輸入的參數(shù)會以元組形式傳入 也可以普通參數(shù)...
    CrazyBoyXTF閱讀 249評論 0 0
  • 作為一個一直表面上很開心爱沟,一直努力學(xué)習(xí)的孩子帅霜,我一直覺得自己應(yīng)該會過的很幸福。就像我媽小時候和我說的那樣呼伸,你考上了...
    程言物語閱讀 175評論 0 0