字形日历开始和结束日期

Question

我有这段aspx代码：

<div class="col-xs-2">
    <label for="txtDateActioned" style="cursor: pointer;">Date Actioned</label>
    <div id="sandbox-container">
        <div class="input-group date">
            <input type="text" class="form-control" id="txtDateActioned" /><span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
        </div>
    </div>
</div>

根据我的理解（我不是网络开发人员，只是在努力维护）这是一个 bootstrap 日期时间选择器。

我的小愿望是将 'end date'（或 'max date'）设置为 'Today'，或任何其他日期。我尝试使用 JS 执行此操作（在 $(document).ready(function()...) 部分）：

$('#txtDateActioned').daterangepicker(
    {
        maxDate: "01-09-2016"
    }
);

但是，我找不到让它工作的方法。用户仍然可以 select 一个未来的日期，这正是我想要防止的。我还尝试了不同的日期格式，例如“2016-09-01”，还尝试了“$('#txtDateActioned').datetimepicker()”。但是，对我没有任何作用。

非常感谢任何帮助。

埃拉德

Answer 1

您可以尝试 endDate 而不是 maxDate

like:- endDate:'+0d'

Answer 2

例子可以是

$('.datepicker').datepicker({

            format: 'dd/mm/yyyy',
            startDate: '-30y',
            endDate:'+0d',
        });

这里的 y in startDate: '-30y' 表示日历的开始年份和 d in endDate:'+ 0d' 表示日历的最后日期，即当前日期。你可以试试 this.good 运气 :)

Answer 3

我的解决方案：

1) 我为 div 添加了一个 id 包含 'input-group date' class.

<div id="dateActionedDP" class="input-group date">
    <input type="text" class="form-control" id="txtDateActioned" /><span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
</div>

2) 在 js 代码中 ($(document).ready(function ()...) 我添加了以下内容：

$("#dateActionedDP").datepicker("setEndDate", '+0d');

这对我有用。谢谢大家的帮助。

埃拉德

字形日历开始和结束日期

glyphicon-calendar Start and End Date

javascript

datetimepicker

bootstrap-datetimepicker