2017-09-05 2 views
0

jQuery UI datepicker를 사용하고 있습니다. 사용자가 오늘 날짜 또는 이전 날짜를 오늘 날짜 이전에 클릭 할 때 경고를 표시하려하지만 어떻게 작동하는지 알 수 없습니다. 당신은 단순히 getDate 방법을 사용하여 날짜를 선택받을 수jQuery UI datepicker 오늘 날짜 또는 이전 날짜 가져 오기

$(document).on("change", "#datepicker", function() { 
    alert($(this).val()) 
}) 
+0

당신이 자바 스크립트의 날짜() 함수를 사용해야합니다, 당신은 그에게있어 그 값을 비교하거나 현재의 또는 이전보다 날짜 날짜 – clearshot66

+0

@ j08691 풍자에 대한 감사 : – clearshot66

+0

@ clearshot66 글쎄, 당신이 "당신은 자바 스크립트가 필요합니다"에서 귀하의 코멘트를 변경하기 전에 잘 맞습니다 – j08691

답변

0
This code find currrent date and if block compare the selected date is current date or not and then prompt alert! 

    <!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>jQuery UI Datepicker - Default functionality</title> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
    <script> 
    $(function() { 
    $("#datepicker").datepicker(); 
var today = new Date(); 
var date = today.getDate(); 
var mnth = today.getMonth()+1; 

var yyyy = today.getFullYear(); 
if(date<10){ 
    date='0'+date; 
} 
if(mnth<10){ 
    mnth='0'+mnth; 
} 
var today = mnth+'/'+date+'/'+yyyy; 
alert(today); // Display current date 


    $(document).on("change", "#datepicker", function() { 
     if($(this).val()<=today) 
     { 
     alert($(this).val()) 
     } 
    }); 

    }); 


    </script> 
</head> 
<body> 

<p>Date: <input type="text" id="datepicker"></p> 


</body> 
</html> 
+0

오늘 날짜를 검색하고 싶습니다 onclick onclick,이 코드는 다시 trieves 오늘 날짜 이후 날짜, 나는 단지 이전 날짜를 원한다. – jessica

0

과와 비교 : I는 각 날짜의 onchange를 검색하기 위해 관리하지만 나머지를 할 수 없어, 오늘의 날짜를 선택 내 jQuery 코드입니다 현재 시간. 자바 스크립트 날짜 valueOf()을 사용하면 다음을 얻을 수 있습니다.

1970 년 1 월 1 일 00:00:00 UTC와 주어진 날짜 사이의 밀리 초 숫자입니다. 여기

작업 예제 :

$('#datepicker').datepicker(); 
 

 
$(document).on("change", "#datepicker", function() { 
 
    // Get datepicker value 
 
    var selectedDate = $(this).datepicker("getDate"); 
 
    // Get current time 
 
    var today = new Date().valueOf(); 
 
    // Compare current time and selected date 
 
    if(selectedDate && selectedDate.valueOf() < today){ 
 
    alert('You selected a past date: ' + $(this).val()) 
 
    } 
 
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.css" rel="stylesheet"/> 
 

 
<input type="text" id="datepicker">

관련 문제