Изменение даты при вводе даты - PullRequest
Новая
       7

Изменение даты при вводе даты

0 голосов
/ 11 октября 2018

У меня есть поля.Один - ValidFrom Дата, а другой - ValidTo Дата.

Мой вопрос заключается в том, что мне делать, чтобы, если ValidFrom дата вводится с помощью DateTimePicker , как мне автоматически изменить 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>

Я должен изменить дату ValidTo на 30 дней, как и при вводе даты ValidFrom.

Ответы [ 2 ]

0 голосов
/ 15 октября 2018

Вот как должен выглядеть код: по окончании количества попыток с ним покончено 

<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>
0 голосов
/ 11 октября 2018

То, что вы ищете, установлено в setDate() методе datetimepicker JS, он может принимать параметр как setDate(new Date()).Вы можете указать свою собственную дату (формат по необходимости) в качестве аргумента.Если вы не хотите, чтобы какая-либо другая дата была выбрана до вашего предела в 30 дней, вы можете проверить параметры start или startDate в том же JS.

Я предлагаю вам прочитать datetimepicker.js, который вы используете в настоящее время, чтобы узнать обо всех его функциях и параметрах

...