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>

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

我谦虚的愿望是将“结束日期”（或“最长日期”）设置为“今天”或任何其他日期。我尝试使用JS（在$(document).ready(function()...)部分中）执行此操作：

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

然而，我找不到让它运作的方法。用户仍然可以选择将来的日期，这正是我想要防止的。我也尝试了不同的日期格式，例如'2016-09-01'，并尝试了'$('#txtDateActioned').datetimepicker()'。但是，没有什么对我有用。

非常感谢任何帮助。

埃拉德

Answer 1

您可以尝试 endDate 而不是 maxDate

喜欢： - endDate：'+ 0d'

Answer 2

示例可能是

$（＆＃39; .datepicker＆＃39）。日期选择器（{
            format: 'dd/mm/yyyy',
            startDate: '-30y',
            endDate:'+0d',
        });

这里是startDate中的 y ：＆＃39; -30y＆＃39;指示日历的开始年份，并在endDate中指示 d ：＆＃39; + 0d＆＃39;指示日历的最后日期，即当前日期。你可以尝试一下。祝你好运:)

Answer 3

我的解决方案：

1）我为div添加了一个包含'input-group date'类的id。

<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开始和结束日期

3 个答案: