Question

好的，我有一个日期选项，有三个字段，即日期，月份和年份。

我想限制用户使用Jquery，以便他们无法选择超过3个月和3年的日期范围。

以下是我的字段

<select class="day">
<option value="--"></option>
<option value="1">1</option>
<option value="2">2</option>
.....
<option value="31">31</option>
</select>

<select class="month">
<option value="--"></option>
<option value="1">Jan</option>
<option value="2">Feb</option>
...
<option value="12">Dec</option>
</select>

<select class="year">
<option value="--"></option>
<option value="1900">1900</option>
<option value="1901">1901</option>
<option value="1902">1902</option>
....
<option value="2099">2099</option>
</select>

Answer 1

您可以使用选择的日期而不是3种不同的选择。此代码段使用this version引导日期选择器。

要将日期选择器限制在特定日期范围内，必须设置endDate（more info about the option）或startDate（more info about the option）选项（或两者都有）。这两个选项都接受特定的插件日期格式：

+ meand一个积极的约会，将来约会
- meand负面日期，过去的日期
10d指定一个天数，在本例中为10
2m指定了几个月，在本例中为2
1y指定若干年，在本例中为1

因此，如果您需要将初始日期限制为3年零3个月，则可以将startDate设置为-3y -3m。

希望它有所帮助。

＆＃13;

$('.input-daterange').datepicker({
  startDate: "-3y -3m", // 3 years and 3 months from now
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/js/bootstrap-datepicker.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker.min.css" rel="stylesheet">

    <div class="input-daterange input-group" id="datepicker">
        <input type="text" class="input-sm form-control" name="start" />
        <span class="input-group-addon">to</span>
        <input type="text" class="input-sm form-control" name="end" />
    </div>

＆＃13;

Jquery限制用户选择日期

1 个答案: