我怎樣才能禁用過去的日期在PHP datepicker

-1

我怎樣才能禁用datepicker使用功能腳本的當前日期的舊日期？謝謝！我怎樣才能禁用過去的日期在PHP datepicker

booknow.php

 <html> 
     <body> 
     <label for="shootdate">Desired Date:</label> 
     <input required type="date" name="shootdate" id="shootdate" title="Choose your desired date"/> 
     </body> 
     </html>

來源

2017-02-22 Jake Ramirez

搜索在谷歌：在datepicker''禁用以前的日期。你一定會得到答案 –

是的。我該怎麼辦？ :( –

http://stackoverflow.com/questions/25053119/how-to-inactive-previous-date-in-bootstrap-datepicker/25053271#25053271 – Confused

<html> 
    <body> 
     <label for="shootdate">Desired Date:</label> 
     <input required type="date" name="shootdate" id="shootdate" title="Choose your desired date" min="<?php echo date('Y-m-d'); ?>"/> 
    </body> 
</html>

你可以做到這一點使用PHP本身。我們可以輕鬆地將最短日期設置爲今天，以便用戶不能選擇以前的日期。

或者，如果你需要它只是使用jQuery，給這個

<html> 
 
\t <head> 
 
\t \t <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
 
\t \t <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
 
\t \t <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
\t \t <script> 
 
\t \t \t $(function() { 
 
\t  \t \t \t $("#shootdate").datepicker({ 
 
\t  \t \t \t \t minDate: 0 
 
\t  \t \t \t }); 
 
\t \t \t }); 
 
\t \t </script> 
 
\t </head> 
 
    <body> 
 
    \t <label for="shootdate">Desired Date:</label> 
 
    \t <input required type="text" name="shootdate" id="shootdate" title="Choose your desired date" /> 
 
    </body> 
 
</html>

來源

2017-02-22 07:02:38

嘗試

此：

<label for="from">From</label> <input type="text" id="from" name="from"/> 
<label for="to">to</label> <input type="text" id="shootdate" name="to"/> 

var dateToday = new Date(); 
var dates = $("#from, #shootdate").datepicker({ 
defaultDate: "+1w", 
changeMonth: true, 
numberOfMonths: 3, 
minDate: dateToday, 
onSelect: function(selectedDate) { 
    var option = this.id == "from" ? "minDate" : "maxDate", 
     instance = $(this).data("datepicker"), 
     date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings); 
    dates.not(this).datepicker("option", option, date); 
}

}）;

來源

2017-02-22 06:10:58

不工作:(「FROM」和「TO」來自哪裏從？我沒有得到它huhuhu :( –

我不明白所有的jQuery的答案OP沒有使用jQuery標籤，沒有在OP中提到，並沒有包含在代碼中 – RobG

您只需在初始化時設置日期選擇器選項。需要設置選項minDate才能做到這一點。

初始化你日期選擇器這樣的：

jQuery('#shootdate').datepicker({ 
     minDate: 0 
});

來源

2017-02-22 06:11:03

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

<script> 
$(function() { 
$("#datepicker").datepicker({ minDate: 0}); 
}); 
</script>

來源

2017-02-22 06:25:10

datepicker不能正常工作:( –

如何使用？...您必須使用Jquery擴展。 –

–

一個嘗試使用的輸入型日期，你可以使用分鐘屬性設置最小日期。但是，並非所有使用的瀏覽器都支持輸入類型日期（請參閱MDN support matrix），因此您需要回退。

function getISODate(){ 
 
    var d = new Date(); 
 
    return d.getFullYear() + '-' + 
 
      ('0' + (d.getMonth()+1)).slice(-2) + '-' + 
 
      ('0' + d.getDate()).slice(-2); 
 
} 
 

 
window.onload = function() { 
 
    document.getElementById('minToday').setAttribute('min',getISODate()); 
 
}

Select date (must be on or after 20-Feb-2017)<input type="date" min="2017-02-20"> 
 
<br> 
 
Select date(must be on or after today)<input type="date" id="minToday">

來源

2017-02-22 08:20:57 RobG

我怎樣才能禁用過去的日期在PHP datepicker

回答

相關問題