daterangepicker의 시간 설정

Question

daterangepicker 플러그인은 setStartDate 및 setEndDate 메소드를 사용하여 날짜를 설정할 수 있습니다. 플러그인에 시간을 설정하는 메소드가 있습니다.

Answer 1

시간 만 설정하는 방법에는 표시되지 않으며 문서에서는 언급하지 않지만 setStartDate 및 setEndDate 메소드를 사용하여 설정할 수 있습니다.

이러한 메서드는 모멘트 개체를 허용하며 해당 메서드를 호출 할 때만 날짜 값을 설정하면 시간은 기본적으로 12:00 am입니다. 시간 객체를 전달하기 전에 객체에 시간을 설정하면 daterangepicker의 시간이 업데이트됩니다. 그들의 문서에서는 언급하지 않지만 picker는 timePicker를 사용하는 경우 시간뿐만 아니라 날짜도 업데이트합니다. startDate 및 endDate 값에 대한 선택기를 초기화 할 때뿐만 아니라 minDate 및 maxDate에 대한 시간을 제한 할 때도 작동합니다.

정의 된 시간없이 maxDate를 설정하면 기본적으로 12:00 am로 설정되므로 timePicker를 사용하는 경우 문제가 발생할 수 있습니다. 예를 들어, 2011 년 4 월 4 일의 maxDate를 설정하면 선택 도구로 해당 날짜를 선택할 수 있지만, 2010 년 4 월 4 일 12시 이후에 시간을 선택할 수 없습니다. 이 문제를 해결하기 위해 moment 라이브러리를 사용하여 maxDate를 설정하려는 순간 객체에 .hour (23) 및 .minutes (59)를 설정했습니다. 이를 통해 사용자는 2011 년 4 월 4 일에 시간 또는 분을 선택할 수 있습니다. 시간을 설정하는 문서는 여기에서 찾을 수 있습니다 : https://momentjs.com/docs/#/get-set/

정확하게 묻지는 않았지만 나는 여기에서 방법이없는 값을 변경하기 위해 비슷한 문제를 해결하기 위해 사용했던 해결책을 제공 할 것입니다. 다른 누구든지 그것을 필요로합니다. maxDate를 동적으로 변경해야하지만 변경할 기본 메소드가 없으며 선택기를 초기화 할 때 설정하는 옵션 만 있습니다. 이 문제를 해결하기 위해 날짜 범위 선택기를 제거하고 업데이트 된 옵션을 사용하여 동일한 입력에 다시 초기화했습니다. 피커를 제거해야하는 경우 다음을 사용하십시오.

$('#myInput').data('daterangepicker').remove();