如何使用bootstrap-datepicker提前一天显示开始日期

时间:2016-11-01 03:06:46

标签: javascript twitter-bootstrap bootstrap-datepicker

当我将startDate: '+1d'添加到javascript中时,选择日期似乎为空。否则,它只是显示今天的日期。我需要它提前一天显示,在某些情况下,提前两天显示。

以下Javascript:

$("#datepicker").datepicker({ 
    autoclose: true, 
    todayHighlight: false,
    startDate:'+1d',
    dateFormat: 'dd-mm-yy'
}).datepicker('update', new Date());

下面的HTML代码:

<div class="form-group">
    <div class="col-sm-2"></div>
    <label for="inputName" class="col-sm-3 control-label">Select Date Range</label>
    <div class="col-sm-4">
        <div class='col-sm-6'>
            <div class="form-group">
                <div id="datepicker" class="input-group date" data-date-format="dd-mm-yyyy">
                    <input class="form-control" type="text" readonly id="start"/>
                    <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                </div>
            </div>
        </div>
        <div class='col-sm-6'>
            <div class="form-group">
                <div id="datepicker2" class="input-group date" data-date-format="dd-mm-yyyy">
                    <input class="form-control" type="text" readonly id="end"/>
                    <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                </div>
            </div>
        </div>
    </div> 
</div>

2 个答案:

答案 0 :(得分:0)

您可以将moment.js用于此类日期/时间操作

var tomorrow = moment().add(1, 'day').format('DD/M/YYYY');

输出

2016年3月11日

见jsbin: 这是完整的工作jsfiddle:https://jsbin.com/haxamaxaqe/edit?html,output

答案 1 :(得分:0)

$('#txtDate').datepicker('setDate', "+1d");