JavaScript枚舉選擇jquery插件代碼實例
更新時間：2020年11月17日 09:06:54 作者：dint
這篇文章主要介紹了JavaScript枚舉選擇jquery插件代碼實例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
某次做項目要實現(xiàn)一個功能：
按星期選擇一個連續(xù)的時間范圍 比如：周一到周五，周六到周日 或 周六到周三
聰明的朋友馬上想出辦法：用兩個選項為周一到周日的下拉列表實現(xiàn)，對 那樣可以，但是我覺得不夠友好，
所以利用業(yè)余時間寫下了這個jQuery小插件。
用法: 鼠標(biāo)點擊開始/結(jié)束項（紅色部分，可自定義）進(jìn)行選擇和取消選擇
效果圖：
周一到周五
周六到周日
周日到周三
<html>
<head>
<title>daybox測試</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>
運行結(jié)果：
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
使用Javascript（簡稱JS）取得LI里的內(nèi)容(簡單易懂的代碼實例)2008-12-12
最近在做拖動布局. 發(fā)現(xiàn)有文本選定的時候, 進(jìn)行拖動很不好看.2010-11-11
這篇文章主要介紹了eslint 的三大通用規(guī)則詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
這篇文章主要針對一道JS前端閉包面試題進(jìn)行解析，從例題出發(fā)詳細(xì)介紹JS前端閉包相關(guān)知識，感興趣的小伙伴們可以參考一下2015-12-12
關(guān)于javascript中偽數(shù)組和真數(shù)組的一些小秘密
在javascript中,偽數(shù)組又稱類數(shù)組,是一個類似數(shù)組的對象,是一種按照索引存儲數(shù)據(jù)且具有l(wèi)ength屬性的對象,下面這篇文章主要給大家介紹了關(guān)于javascript中偽數(shù)組和真數(shù)組的一些小秘密,需要的朋友可以參考下2022-08-08
JavaScript實現(xiàn)封閉區(qū)域布爾運算的示例代碼
這篇文章主要介紹了JavaScript實現(xiàn)封閉區(qū)域布爾運算的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)井字棋游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
es6中的import導(dǎo)入模塊 和 export導(dǎo)出模塊詳解
require 是 CommonJS 模塊系統(tǒng)中用于導(dǎo)入模塊的關(guān)鍵字,采用同步加載方式；而 import 和 export 是 ES6 模塊系統(tǒng)中用于導(dǎo)入和導(dǎo)出模塊的關(guān)鍵字,采用靜態(tài)加載方式,并且支持異步加載,這篇文章主要介紹了es6中的import導(dǎo)入模塊 和 export導(dǎo)出模塊,需要的朋友可以參考下2023-11-11
這篇文章主要為大家詳細(xì)介紹了js改變透明度實現(xiàn)輪播圖的算法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
最近對eval火爆的討論，教主 @Franky 和 灰大 @otakustay 也給了精彩的數(shù)據(jù)分析,剛好之前也做過類似的測試，我也跟風(fēng)湊個熱鬧，提供兩組數(shù)據(jù)供大家參考2012-08-08