JavaScript枚舉選擇jquery插件代碼實(shí)例
某次做項(xiàng)目要實(shí)現(xiàn)一個(gè)功能：
按星期選擇一個(gè)連續(xù)的時(shí)間范圍 比如：周一到周五，周六到周日 或 周六到周三
聰明的朋友馬上想出辦法：用兩個(gè)選項(xiàng)為周一到周日的下拉列表實(shí)現(xiàn)，對(duì) 那樣可以，但是我覺得不夠友好，
所以利用業(yè)余時(shí)間寫下了這個(gè)jQuery小插件。
源碼
用法: 鼠標(biāo)點(diǎn)擊開始/結(jié)束項(xiàng)（紅色部分，可自定義）進(jìn)行選擇和取消選擇
效果圖：
周一到周五
周六到周日
周日到周三
<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é)果：
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章：
1. 利用ajax+php實(shí)現(xiàn)商品價(jià)格計(jì)算2. java 優(yōu)雅關(guān)閉線程池的方案3. JSP頁面實(shí)現(xiàn)驗(yàn)證碼校驗(yàn)功能4. jsp實(shí)現(xiàn)textarea中的文字保存換行空格存到數(shù)據(jù)庫(kù)的方法5. jsp EL表達(dá)式詳解6. asp知識(shí)整理筆記4（問答模式）7. ASP實(shí)現(xiàn)加法驗(yàn)證碼8. python selenium 獲取接口數(shù)據(jù)的實(shí)現(xiàn)9. java通過cglib動(dòng)態(tài)生成實(shí)體bean的操作10. Python matplotlib 繪制雙Y軸曲線圖的示例代碼
網(wǎng)公網(wǎng)安備