일주일 만 표시하기위한 JavaScript 날짜 선택기?
-
19-08-2019 - |
문제
나는 현재 달 대신 1 주일 만 표시 할 수있는 JavaScript 기반 날짜 선택기를 찾고 있습니다.
이상적으로는 필요한 경우 한 달 내내 시야로 확장 할 수있는 것입니다.
또한 (CSS 기반?) 디자인 사용자 정의 가능성이 플러스가 될 것입니다.
jQuery 솔루션이 선호됩니다. 나는 jQuery datePicker를 간단히 살펴 보았지만 몇 달 만 표시 할 수있는 것 같았습니다. 내가 틀렸다면 알려주세요.
해결책
언급 된 바와 같이 jQuery UI DatePicker는 1 주일 만 표시하도록 쉽게 구성 할 수 없습니다. 그러나 당신은 그것을 사용할 수 있습니다 maxDate
그리고 minDate
구성 옵션 사용자의 입력을 제한합니다. 여기에 있습니다 이 기능의 예.
귀하의 구체적인 질문에 답하기 위해 1 주일 만 표시되는 DatePicker 컨트롤을 알지 못합니다.
다른 팁
확실하지 않지만 아마도 당신은 이것을 사용자 정의 할 수 있습니다 http://jqueryui.com/demos/datepicker/
일주일 만 보여주는 사람들은 아무도 모릅니다 :(
편집 : 검사 후 CSS 기반이라는 것을 보여 주면 옵션을 실행하지만 일주일만을 보여줄 수는 없습니다. 오히려 1 주일 만 선택할 수있는 것이 있습니다.
7 가지 옵션 만 있으면 날짜 선택기 위젯이 과잉입니다. 드롭 다운 만 사용하십시오. 깔끔한 JavaScript 트릭은 모든 날짜에 1 일을 추가 할 수 있으며 매월/년 롤오버를 자동으로 처리한다는 것입니다. 다음 코드는 항상 다음 7 일 (오늘부터 시작)을 제공합니다.
var dates = [new Date()];
for (var i = 1; i < 7; i++) dates.push(new Date(dates[0].getYear(), dates[0].getMonth(), dates[0].getDate() + i));