bootstrap-datepicker

最新推荐文章于 2024-09-13 22:06:59 发布

c230704

最新推荐文章于 2024-09-13 22:06:59 发布

阅读量358

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/c230704/article/details/93210754

版权

js 专栏收录该内容

21 篇文章 1 订阅

订阅专栏

  <%--这里根据时间搜索--%>
                <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);
            }
        });
    });