2017-02-22 24 views
-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> 
+0

поиск в Google: 'отключить предыдущие даты в datepicker'. вы обязательно получите ответ –

+0

Да. Что мне делать? :( –

+0

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

ответ

0
<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>

0

Попробуйте:

<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); 
} 

});

+0

Не работает :(Где происходит «FROM» и «TO» от? Я не получаю это huhuhu :( –

+0

Я не понимаю всех ответов jQuery. OP не использовал тег jQuery, не упоминал в OP и не включил его в код. – RobG

1

Вы просто должны установить параметр datepicker при инициализации. Для этого необходимо настроить параметр minDate.

Инициализировать вы Datepicker как это:

jQuery('#shootdate').datepicker({ 
     minDate: 0 
}); 
0
<p>Date: <input type="text" id="datepicker" /></p> 

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

Datepicker не работает :( –

+0

как вы используете? ... Вы должны использовать расширение JQuery. –

+0

0

Использование даты ввода типа, вы можете установить минимальную дату, используя мин атрибут , Однако не все используемые браузеры поддерживают дату ввода типа ввода (см. 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">