JavaScript列舉選擇jquery外掛程式碼例項
阿新 • • 發佈：2020-11-18
某次做專案要實現一個功能：
按星期選擇一個連續的時間範圍 比如：週一到週五，週六到週日 或 週六到週三
聰明的朋友馬上想出辦法：用兩個選項為週一到週日的下拉列表實現，對 那樣可以，但是我覺得不夠友好，
所以利用業餘時間寫下了這個jQuery小外掛。
原始碼
用法: 滑鼠點選開始/結束項（紅色部分，可自定義）進行選擇和取消選擇
效果圖：
週一到週五
週六到週日
週日到週三
<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',2);
});
</script>
</body>
</html>執行結果：
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援我們。