Можно ли отключить предыдущие даты средства выбора даты и времени в соответствии с выбранной датой в другом устройстве выбора даты и времени - PullRequest
Новая
       55

Можно ли отключить предыдущие даты средства выбора даты и времени в соответствии с выбранной датой в другом устройстве выбора даты и времени

0 голосов
/ 30 апреля 2020

Я использую два указателя даты и времени для начальной даты и конечной даты. Я хочу отключить все предыдущие даты в конечной дате, когда я выбираю дату в начальной дате. Например, если я выбрал 29/04/2020 в начальной дате, чем в конечной дате все даты до 29 / 04/2020 должен быть отключен. ниже приведен код: 

$(function(){
    $('#startDate').datetimepicker({
        format: 'dd-mm-yyyy  hh:ii',
        endDate: '+0d',
        autoclose: true,

    });
    $('#endDate').datetimepicker({
        format: 'dd-mm-yyyy hh:ii',
        endDate: '+0d',
        autoclose: true
    });
});

Как изменить код для получения ожидаемого результата.

1 Ответ

1 голос
/ 30 апреля 2020

Пожалуйста, попробуйте следующий код, он работает. 

<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Testing Date Time Picker</title>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script>
  <link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.css" rel="stylesheet" />
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.js"></script>
</head>
<body>
	<label>Start Date: </label>
	<input id="startDate" type="text" />
	<label>End Date: </label>
	<input id="endDate" type="text" />
	<script>
		$(document).ready(function(){
			$('#startDate').datetimepicker({
				format: 'd-m-Y H:i',
				closeOnDateSelect:true,
				onChangeDateTime:function(dp,$input){
					//need to convert date to format yyyy/m/d
					var val = $input.val();
					$('#endDate').datetimepicker({minDate: val, formatDate:'d-m-Y H:i'});
				}
			});
			$('#endDate').datetimepicker({
				format: 'd-m-Y H:i',
				closeOnDateSelect:true,
			});
		});
	</script>
</body>
</html>
...