반응형
저는 흔히 버튼을 a 태그를 사용하여 생성합니다.
<a id="downloadButton" class="btnNLink2" title="다운로드">다운로드</a>
jQuery를 사용하여 특정 날짜와 시간 범위를 고려하여 다운로드 버튼을 제어하는 코드입니다.
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date/Date
Date() 생성자 - JavaScript | MDN
Date 생성자는 시간의 특정 지점을 나타내는 Date 객체를 플랫폼에 종속되지 않는 형태로 생성합니다. Date 객체는 1970년 1월 1일 UTC(국제표준시) 자정으로부터 지난 시간을 밀리초로 나타내는 UNIX
developer.mozilla.org
$(document).ready(function() {
var now = new Date();
var downloadButton = $("#downloadButton");
// 시작 날짜와 종료 날짜를 설정합니다.
var startDate = new Date("2023-10-21T01:00:00"); // 2023-10-21 01:00
var endDate = new Date("2023-10-22T01:00:00"); // 2023-10-22 01:00
// 현재 날짜와 시간이 허용 범위 내에 있는지 확인하고 버튼을 활성화 또는 비활성화합니다.
if (now >= startDate && now <= endDate) {
downloadButton.attr("href", "javascript:file_download()");
} else {
downloadButton.on("click", function(event) {
event.preventDefault(); // 클릭 이벤트 중지
});
}
});
위의 코드는 특정 날짜와 시간 범위를 설정하여 클릭 이벤트가 시작 날짜와 종료 날짜 사이에 있는 경우에만 다운로드 버튼을 활성화합니다. 시작 날짜와 종료 날짜를 설정하고, 클릭 이벤트를 중지하여 버튼을 클릭해도 아무 동작도 수행되지 않게 만들 수 있습니다.
반응형
'Web Dev > Javascript' 카테고리의 다른 글
[Javascript] 자바스크립트에서 Textarea 값 읽어오기 쉽지만 까먹죠 ! (3) | 2023.12.05 |
---|---|
jQuery로 특정 <dive> 태그 위치 이동 하기 prependTo 함수 사용법 (0) | 2023.11.15 |
Turing IT 헤드헌터 코딩 테스트 문제 (4) | 2023.11.01 |
[Javascript] 웹페이지에 현재 날짜 제공하는 Date() 생성자 toLocaleDateString 함수 (2) | 2023.10.19 |
JavaScript 배열에서 요소 추가, 삭제 및 교체: splice 함수 사용법 (0) | 2023.10.18 |
Quill editor 홈페이지에 적용 하는 방법 너무 쉬워요 !! (0) | 2023.10.12 |