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

时间:2015-12-09 11:56:25

标签: twitter-bootstrap-3 bootstrap-datetimepicker

我有2个日期字段。一个“从”和一个“到”。 我想当用户从第一个字段中选择日期ex“09/12/2015”时,第二个字段的maxdate为“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>
你能帮帮我吗? 谢谢!

1 个答案:

答案 0 :(得分: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也有一个减法方法。