Я использую Eonasdan Link DateTime Picker и понятия не имею, как ограничить пользователя выбором даты между одним месяцем.. (один месяц с выбранной даты первого DateTimePicker, т.е. StartDate).
HTML
<div class="col-md-9">
<div class='input-group date' id="FuelLogStartDate">
<input type='text' class="form-control" name="FuelLogStartDate" value="@Model.StartDate.ToString("dd/MM/yyyy HH:mm")" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
<div class="col-md-9">
<div class='input-group date' id="FuelLogEndDate">
<input type='text' class="form-control" name="FuelLogEndDate" value="@Model.EndDate.ToString("dd/MM/yyyy HH:mm")" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
JavaScript
<script type="text/javascript">
$(function () {
$('#FuelLogStartDate').datetimepicker({
format: 'DD/MM/YYYY HH:mm'
});
$('#FuelLogEndDate').datetimepicker({
format: 'DD/MM/YYYY HH:mm',
useCurrent: false
});
$("#FuelLogStartDate").on("dp.change", function (e) {
$('#FuelLogEndDate').data("DateTimePicker").minDate(e.date);
});
$("#FuelLogEndDate").on("dp.change", function (e) {
$('#FuelLogStartDate').data("DateTimePicker").maxDate(e.date);
});
});
</script>