bootstrap-datepicker

Bootstrap日期选择器介绍

最新推荐文章于 2025-09-14 02:44:31 发布

原创最新推荐文章于 2025-09-14 02:44:31 发布 · 393 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

21 篇文章

订阅专栏

博客围绕Bootstrap日期选择器展开，但具体内容缺失。推测可能涉及该日期选择器的功能、使用方法、特点等信息技术相关内容。

  <%--这里根据时间搜索--%>
                <input type="text" style="float: left" validates="required,maxLength[20]" label="有效期" readonly
                       id="datepicker"/>




/*时间框*/
    jQuery(function ($) {
        $("#datepicker").datepicker({
            showOtherMonths: true,
            selectOtherMonths: true,
            isRTL: true,
            language: 'cn',
            /*
                        format: 'yyyy-mm-dd',
            */
            endDate:new Date(), // 不可选择之后的时间   startDate:new Date(),   是不可以选择已过时间
            autoclose: true,
            changeMonth: true,
            changeYear: true,
            showButtonPanel: true,
            beforeShow: function () {
                //change button colors
                var datepicker = $(this).datepicker("widget");
                setTimeout(function () {
                    var buttons = datepicker.find('.ui-datepicker-buttonpane')
                        .find('button');
                    buttons.eq(0).addClass('btn btn-xs');
                    buttons.eq(1).addClass('btn btn-xs btn-success');
                    buttons.wrapInner('<span class="bigger-110" />');
                }, 0);
            }
        });
    });