引导日期选择器阻止日期

时间:2015-04-09 19:48:52

标签: php twitter-bootstrap

我使用过bootstrap中的日期选择器。我想知道如何排除用户点击的选定日期的10天

例如,用户选择2015年4月10日。该用户只能选择2015年4月10日至2015年4月19日的结束日期。

这是我的日期选择器代码。

<script type="text/javascript">
        var nowDate = new Date();
        var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);
            $(function () {
                $('#startdate').datetimepicker({
                minDate:today,
                format: 'YYYY-MM-DD HH:MM:SS'   
                }).change(function (selected) {
                var startDate = new Date(selected.date.valueOf());
                $('#enddate').datetimepicker('maxDate', startDate+10);
                });


                $('#enddate').datetimepicker({
                minDate:today,
                format: 'YYYY-MM-DD HH:MM:SS'   
                });
            });

        </script>

1 个答案:

答案 0 :(得分:1)

选项&#34; enabledDates&#34;,禁用选择不在数组中的日期,也许这对您有用?

http://eonasdan.github.io/bootstrap-datetimepicker/Options/#enableddates