Question

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

我的问题是我应该怎么做，如果使用 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日期更改为ValidFrom的30天输入日期。

Answer 1

这就是代码的样子：尝试几次后就完成了

<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>

Answer 2

您要查找的内容是在datetimepicker JS的setDate()方法下设置的，它可以将参数设为setDate(new Date())。您可以在其参数中填写自己的日期（根据需要设置格式）。如果您不希望在30天的限制之前选择其他日期，则可以在同一JS中检查start或startDate参数。

我建议您阅读当前用于了解其所有功能和参数的datetimepicker.js

输入起始日期后更改为日期

2 个答案: