Zebra_DatePicker

原文地址：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'
});