Bootstrap:如何将自定义按钮添加到引导日期选择器?

时间:2017-07-07 07:38:28

标签: javascript date calendar bootstrap-4 bootstrap-datepicker

我正在尝试向datepicker添加自定义按钮,例如今天按钮,我想每个月添加一个按钮底部的日历,按钮名称应为" 结束当月",我必须计算当前月份值的结束并显示输入字段。

1 个答案:

答案 0 :(得分:0)

    $('#route-from-date').datetimepicker({
            autoclose: true,
            language: 'pl'
        });
        $('#route-to-date').datetimepicker({
            autoclose: true,
            language: 'pl',
            //todayBtn: 'ok'
        });
        $('.datetimepicker tfoot').append('DzisiajWczorajTydzień');
        $('.datetimepicker tfoot th').on('click',function(){
            var $th = $(this);
            var d = new Date();
            var fd,td;
            if($th.hasClass('yesterday')){
                d.setDate(d.getDate() - 1);
            }
            else if ($th.hasClass('week')){
                d.setDate(d.getDate() - 7);
                fd = d.getFullYear() + '-' + ((d.getMonth()<10)?  '0'+(d.getMonth()+1) : d.getMonth()+1  ) + '-' + ((d.getDate()<10)?  '0'+d.getDate() : d.getDate()  ) + ' 00:00';
                d.setDate(d.getDate() + 7);
                td = d.getFullYear() + '-' + ((d.getMonth()<10)?  '0'+(d.getMonth()+1) : d.getMonth()+1  ) + '-' + ((d.getDate()<10)?  '0'+d.getDate() : d.getDate()  ) + ' 23:59';
            }

if(!$th.hasClass("week")){ fd = d.getFullYear() + '-' + ((d.getMonth()<10)? '0'+(d.getMonth()+1) : d.getMonth()+1 ) + '-' + ((d.getDate()<10)? '0'+d.getDate() : d.getDate() ) + ' 00:00'; td = d.getFullYear() + '-' + ((d.getMonth()<10)? '0'+(d.getMonth()+1) : d.getMonth()+1 ) + '-' + ((d.getDate()<10)? '0'+d.getDate() : d.getDate() ) + ' 23:59'; } $('#route-from-date').val(fd).datetimepicker('update', fd); $('#route-to-date').val(td).datetimepicker('update', td); $('.datetimepicker').hide(); });

更多信息(Bootstrap - datetimepicker add custom button like Today