Zebra_DatePicker

最新推荐文章于 2025-01-09 10:39:17 发布

翻译最新推荐文章于 2025-01-09 10:39:17 发布 · 604 阅读

jQuery 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了 Zebra_DatePicker 的多种使用方式，包括具有默认设置的日期选择器、仅限未来的日期选择器及其不同配置选项，如禁用特定日期、限定可选日期范围及设置返回日期格式等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原文地址：Zebra_DatePicker

调用方法：

head中加入：

<link rel="stylesheet" href="public/css/zebra_datepicker.css" type="text/css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="public/javascript/zebra_datepicker.src.js"></script>

1、具有默认设置的日期选择器。

$.Zebra_DatePicker('#datepicker-example1');

2、“仅限未来”的日期选择器：日期只能从未来开始，从将来的某一天开始。

$.Zebra_DatePicker('#datepicker-example2', { 
    direction: 1    // boolean true would've made the date picker future only 
                    // boolean true只会使日期选择器成为未来
                    // but starting from today, rather than tomorrow
                    // 但是从今天开始，而不是明天
});

3、一个“仅限未来”的日期选择器，从今天开始，只能从未来选择日期。此外，周六和周日总是禁用。

$.Zebra_DatePicker('#datepicker-example3', { 
    direction: true, 
    disabled_dates: ['* * * 0,6']   // all days, all monts, all years as long 
                                    // as the weekday is 0 or 6 (Sunday or Saturday) 
                                    // 因为工作日是0或6（周日或周六）
});

4、一个“仅限未来”的日期选择器，其中可选日期在明天开始的间隔中，从明天起的10天结束。

$.Zebra_DatePicker('#datepicker-example4', { 
    direction: [1, 10] 
});

5、设置返回日期的格式

$.Zebra_DatePicker('#datepicker-example5', { 
    format: 'M d, Y'
});

6、显示周数

$.Zebra_DatePicker('#datepicker-example6', { 
    show_week_number: 'Wk'
});

7、从“年”视图开始 - 建议用户在需要选择出生日期时使用。请记住，您始终可以通过单击“上一个”和“下一个”按钮之间的日期选择器标题来切换视图！

$.Zebra_DatePicker('#datepicker-example7', { 
    view: 'years'
});