繁体   English   中英

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

[英]How to display the start date one day ahead with bootstrap-datepicker

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

以下的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>

您可以将moment.js用于这种类型的日期/时间操作

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

输出

2016年3月11日

参见jsbin:这是完整的jsfiddle: https ://jsbin.com/haxamaxaqe/edit ? html,输出

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM