Bootstrap DateTimePicker 在第一个字段后一个月将 maxDate 设置为第二个字段

Question

我有 2 个日期字段。一个 "From" 和一个 "To"。我希望当用户 select 来自第一个字段的日期前“09/12/2015”时，第二个字段上的最大日期为“09/01/2016”。我的代码是：

<script type="text/javascript">
    $(function () {
        $('#from').datetimepicker({format: 'DD/MM/YYYY'});
        $('#to').datetimepicker({format: 'DD/MM/YYYY',useCurrent: false});

        $("#from").on("dp.change", function (e) {
            $('#to').data("DateTimePicker").minDate(e.date);
        });

        $("#to").on("dp.change", function (e) {
            $('#from').data("DateTimePicker").maxDate(e.date);
        });
    });
</script>

你能帮帮我吗？谢谢！

Answer 1

您可以使用 Moment 操作日期，因此您将拥有：

$("#from").on("dp.change", function (e) {
  $('#to').data("DateTimePicker").minDate(e.date);
  var nextMonth = e.date.add(1, 'months');
  $('#to').data("DateTimePicker").maxDate(nextMonth);
});

注意 moment 也有一个减法，如果你需要反向做同样的操作。

Bootstrap DateTimePicker 在第一个字段后一个月将 maxDate 设置为第二个字段

Bootstrap DateTimePicker Set maxDate To The Second Field One Month After The First Field

twitter-bootstrap-3

bootstrap-datetimepicker