Как выбрать дату окончания больше, чем дата начала (выбор времени и даты) - PullRequest
Новая
       70

Как выбрать дату окончания больше, чем дата начала (выбор времени и даты)

0 голосов
/ 06 ноября 2019

Я хочу выбрать конечный DateTime больше, чем начальная дата в средстве выбора DateTime.

В настоящее время я начинаю DateTime и заканчиваю DateTime.

Предположим, я выбрал текущую датусо временем 12:00, теперь дата окончания должна быть текущей датой со временем 13:00.

Я хочу что-то вроде ниже

Пример

Дата и время начала: --- 2019-11-06 12: 00 Дата и время окончания: ---- 2019-11-06 1: 00

Вот мой код 

$(function () {
    $("#txtFrom").datetimepicker({
        format:	'Y-m-d H:i',
        minDate: 0,
        onChangeDateTime:startDate
    });
    function startDate(selected){
            var dt = new Date(selected);
            dt.setDate(dt.getDate() + 1);
           
            $("#txtTo").datetimepicker("option", "minDate", dt);
}

    $("#txtTo").datetimepicker({
        format:	'Y-m-d H:i',
       
        onChangeDateTime:endDate
    });
   
    function endDate(selected){
        var dt = new Date(selected);    
            dt.setDate(dt.getDate() - 1);

            $("#txtFrom").datetimepicker("option", "maxDate", dt);
}


  
});
<!DOCTYPE html>
<html>
 <head>
   <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
   <meta charset="utf-8">

   <title>Home</title>
   <script src="https://code.jquery.com/jquery-2.2.4.js"></script>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.4/jquery.datetimepicker.css">
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.4/build/jquery.datetimepicker.full.js"></script>


 </head>
 <body>
  
 <table border="0" cellpadding="0" cellspacing="0">
<tr>
    <td>
        From:
    </td>
    <td>
        <input type="text" id="txtFrom" />
    </td>
    <td>
        &nbsp;
    </td>
    <td>
        To:
    </td>
    <td>
        <input type="text" id="txtTo" />
    </td>
</tr>
</table> 

<!-- <input name="startDate" type="text" id="txtFrom"/> -->

</body>
</html>

1 Ответ

0 голосов
/ 06 ноября 2019

Плагин, который вы используете для выбора даты и времени, имеет проблему с настройкой minTime. даже в демоверсии функционал minTime не работает. Уже несколько пользователей отправляют вопрос на одно и то же. Если вы хотите изменить код плагина или более подробную информацию о нем, вы можете получить его здесь https://github.com/xdan/datetimepicker/issues/377

...