【问题标题】:How to display the start date one day ahead with bootstrap-datepicker如何使用 bootstrap-datepicker 提前一天显示开始日期
【发布时间】:2016-11-01 03:06:45
【问题描述】:

当我将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>

【问题讨论】:

    标签: javascript twitter-bootstrap bootstrap-datepicker


    【解决方案1】:

    您可以使用 moment.js 进行此类日期/时间操作

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

    输出

    2016 年 3 月 11 日

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

    【讨论】:

      【解决方案2】:
      $('#txtDate').datepicker('setDate', "+1d");
      

      【讨论】:

        猜你喜欢
        • 2013-01-02
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2018-03-06
        • 2021-03-22
        相关资源
        最近更新 更多