選擇

---

立即下載Kendo UI for jQuery

Calendar允許用戶進(jìn)行單個(gè)、多個(gè)范圍日期和星期選擇。

單個(gè)日期選擇

默認(rèn)情況下，Calendar允許用戶通過使用鼠標(biāo)或鍵盤選擇單個(gè)日期。

多個(gè)日期選擇

從2017 R3版本開始，Calendar允許您通過使用可選擇的配置屬性來實(shí)現(xiàn)多個(gè)日期選擇。

要執(zhí)行多個(gè)日期選擇，用戶還可以使用鍵盤：

• Ctrl +鼠標(biāo)-單擊指定日期-標(biāo)記所選日期，其他先前選擇的日期仍然選擇。
• 在不使用Ctrl鍵的情況下從特定視圖中選擇日期將選擇被單擊單元格的日期，并取消選擇所有先前選擇的日期，包括先前從其他視圖或月份中選擇的日期。
• 按住Ctrl鍵時(shí)選擇已選定的日期將從選定的日期中刪除該日期。

<div id="calendar"></div>
<script>
$("#calendar").kendoCalendar({
selectable: "multiple"
});
</script>

下圖演示了一個(gè)帶有多個(gè)選定日期的日歷。

范圍日期選擇

Calendar允許通過鍵盤選擇范圍日期。

Shift鍵的使用允許用戶選擇在同一個(gè)月或跨不同月份的日期范圍：

• Shift +鼠標(biāo)單擊特定日期——選擇最近選擇的日期(用空格鍵或鼠標(biāo)單擊)和被單擊的單元格之間的所有日期。
• Shift +鼠標(biāo)單擊特定日期——如果之前沒有進(jìn)行選擇，則選擇從開始到所單擊單元格的所有日期。

下圖演示了啟用日期范圍選擇的日歷。

星期選擇

 當(dāng)用戶單擊特定的周數(shù)時(shí)Calendar將選擇整個(gè)周，星期選擇功能是范圍選擇的一種特殊情況，它從一周的第一天開始，選擇到一周結(jié)束的所有日期。

下圖演示了啟用了周選擇的日歷。