成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久

您的位置：首頁(yè)技術(shù)文章
文章詳情頁(yè)

JavaScript枚舉選擇jquery插件代碼實(shí)例

瀏覽：33日期：2023-10-08 11:09:26

某次做項(xiàng)目要實(shí)現(xiàn)一個(gè)功能：

按星期選擇一個(gè)連續(xù)的時(shí)間范圍 比如：周一到周五，周六到周日 或 周六到周三

聰明的朋友馬上想出辦法：用兩個(gè)選項(xiàng)為周一到周日的下拉列表實(shí)現(xiàn)，對(duì) 那樣可以，但是我覺(jué)得不夠友好，

所以利用業(yè)余時(shí)間寫下了這個(gè)jQuery小插件。

源碼

用法: 鼠標(biāo)點(diǎn)擊開(kāi)始/結(jié)束項(xiàng)（紅色部分，可自定義）進(jìn)行選擇和取消選擇

效果圖：JavaScript枚舉選擇jquery插件代碼實(shí)例 周一到周五

JavaScript枚舉選擇jquery插件代碼實(shí)例 周六到周日

JavaScript枚舉選擇jquery插件代碼實(shí)例 周日到周三

<html><head><title>daybox測(cè)試</title><script type=’text/javascript’ src=’jquery.min.js’></script><script type=’text/javascript’ src=’easyui.daybox.js’></script></head><body><div id=’aDayboxDiv’></div><script type=’text/javascript’>$(function(){ $(’#aDayboxDiv’).daybox({ weeks: [{ text: ’一’, value: 2 }, { text: ’二’, value: 3 }, { text: ’三’, value: 4 }, { text: ’四’, value: 5 }, { text: ’五’, value: 6 }, { text: ’六’, value: 7 }, { text: ’日’, value: 1 }] }); $(’#aDayboxDiv’).daybox(’setValue’, 0, 2);});</script></body></html>

運(yùn)行結(jié)果：JavaScript枚舉選擇jquery插件代碼實(shí)例

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持好吧啦網(wǎng)。

標(biāo)簽： JavaScript
相關(guān)文章：