时间戳

首页 > 解决方案 > 输入起始日期时更改起始日期

javascript - 输入起始日期时更改起始日期

问题描述

我有一个字段。一个是ValidFrom Date，另一个是ValidTo Date。

我的问题是我应该怎么做，如果使用DateTimePicker输入ValidFrom日期，我应该如何将ValidTo自动更改为 30 天？

以下是我的DateTimePicker代码：

<script src="~/Scripts/jquery.datetimepicker.js"></script>
<script>
    $(document).ready(function () {
        $('#ValidFrom').datetimepicker({
            datepicker: true,
            timepicker: false,
            format: 'm/d/Y',
            step: 30,
            minDate: new Date(),
            onChangeDateTime: function (dp, $input) {
                var date = new Date($input.val());
                date.setMonth(date.getMonth() + 1);
                $('#ValidTo').datetimepicker({
                    datepicker: true,
                    timepicker: false,
                    format: 'm/d/Y',
                    step: 30,
                    minDate: date,
                });
            },

        });

    });
</script>

在输入 ValidFrom 日期时，我必须将 ValidTo 日期更改 30 天。

标签： javascriptdatetimepicker

解决方案

代码应该是这样的：经过多次尝试后完成

<script>
    $(document).ready(function () {
        $('#ValidFrom').datetimepicker({
            datepicker: true,
            timepicker: false,
            format: 'm/d/Y',
            step: 30,
            minDate: new Date(),
            onChangeDateTime: function (dp, $input) {
                var date = new Date($input.val());
                date.setMonth(date.getMonth() + 1);
                date = (date.getMonth() + 1) + '/' + date.getDate() + '/' + date.getFullYear();
                $('#ValidTo').val(date);
            },

        });
        $('#ValidTo').datetimepicker({
            datepicker: true,
            timepicker: false,
            format: 'm/d/Y',
            step: 30,
            minDate: new Date()
        });
    });

</script>

推荐阅读