jQuery 'setDate'= null 현재 오늘 날짜로 남음

Question

두 개의 날짜 선택 도구가 있습니다. 페이지에 처음 표시 될 때 날짜와 시간을 선택할 수 없도록 범위의 최대 값과 최소값이 오늘로 설정됩니다. 드롭 다운 선택에 따라 유효한 날짜 범위가 두 캘린더 모두에 설정됩니다. 오늘은 TO 날짜 선택기의 기본 날짜, 선택된 날짜 및 FROM datepicker에서 선택하지 않을 항목을 원합니다. 나는 다른 선택된 날짜처럼 오늘을 강조하기 위해 약간의 CSS를 추가했다. 이 시점에서 모든 것이 TO 캘린더에 잘 나타납니다. 그러나 FROM 달력에서는 TODAY가 선택된 것처럼 표시되지만 실제로는 현재 날짜가 선택되지 않았습니다. 문제는 datepicker의 날짜를 'null'로 설정하더라도 오늘 날짜가 ui-datepicker-current-date는 물론 ui-datepicker-today로 표시된다는 것입니다. 오늘 ui-datepicker로 표시되는 데 문제가 없습니다. 오늘은 결국입니다. 또한 ui-datepicker-current-date로 표시되어 있기 때문에 TO 캘린더에서 선택되지 않은 날짜와 사용자가 실제로 선택한 날짜를 구별 할 방법이 없습니다.

누구나이 작업을 수행하는 방법을 알아 냈습니까? 사용자가 선택한 날짜와 선택되지 않은 날짜에 추가 된 선택기는 동일하게 나타납니다. 둘 다 오늘과 현재 날짜에 표시되며 둘 다 ui-active입니다.

완전히 잃어버린 경우 정확한 코드를 내일 게시 할 수 있습니다. 그것은 일하고 있고, 나는 집에서 지금 연구 중이다. 제공 할 수있는 도움에 미리 감사드립니다!

Answer 1

이제는 내가 계획했던 것보다 더 많은 시간을 보냈으므로 마지막 해결책을 나눠 보겠습니다.

datePicker가 현재 선택된 날짜로 표시되어 선택한 날짜가없는 datePicker를 효과적으로 가질 수 없다는 사실에 여전히 만족하지 않지만 여전히 작동하도록해야했습니다.

.ui-datepicker-current-day .ui-state-active { border: 1px solid #000; background: #bebbbb url(images/ui-bg_glass_65_bebbbb_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }

이 기본적으로 모든 스타일을 오버라이드 (override) : 여기 JQuery와 테마 CSS 후에 온다 내가 추가 한 CSS, 당신은 한, 당신이 원하는 별도의 파일이나 그러나로이를 포함 할 수있다 오늘 날에 적용되어 다른 선택된 날과 똑같이 보입니다. 유효한 범위를 설정 한 후 사용자가 스스로 선택을 할 수 전에 완료 모든이의

$("#nameOfDatePickerDiv").find("td.ui-datepicker-current-day").find("a:first-child").removeClass('ui-state-active');

첫째 : 다음 선택 나타나지 기본 날짜를 방지하기 위해 자바 스크립트입니다. 나는 현재의 td를 발견하고, 첫 번째와 단 하나를 찾아 내고, 그것의 능동성을 제거한다. 이제 현재 날짜가 기본값 인 오늘 달력이 있지만 사용자가 미리 선택된 것으로 생각하도록 속일 수는 없습니다. 학생들이 스스로 선택을하면, ui-state-active 클래스가 그 날짜에 추가됩니다. 업데이트 된 스타일과이 JS가 없으면 오늘은 항상 미리 선택된 것처럼 나타납니다.

누구든지 더 나은 방법을 알게되면 공유 할 수 있습니다. 나는 이것에 너무 많은 시간을 보냈다. 그리고 만일 내가 더 명백한 무엇인가 놓쳤다면 wouldnt't는 suprised한다.