Отключить прошедшие даты в Bootstrap datepicker - PullRequest
Новая
       9

Отключить прошедшие даты в Bootstrap datepicker

0 голосов
/ 06 мая 2018

У меня есть приложение на PHP, где я использую начальный загрузчик начальной загрузки.

Мне нужно отключить все прошлые даты в указателе даты до сегодняшнего дня. Я был отослан по этой ссылке за это.

Я отредактировал JS DatePicker в соответствии с информацией, предоставленной в этом источнике, но он все еще не работает.

Вот мой код JS: 

$('.sandbox-container input').datepicker({
  format: "dd/mm/yyyy",
  orientation: "auto",
  startDate: new Date(),          //here I tried to set the date
  clearBtn: true
});

А вот мой код PHP: 

<div class="sandbox-container">
<div class="form-group col-sm-6 col-xs-12">
<input type="text" class="form-control date-selecter" value="Date From" id="datefrom" name="datefrom">
            </div>
<div class="form-group col-sm-6 col-xs-12">
<input type="text" class="form-control date-selecter" value="Date To" id="dateto" name="dateto">
                </div>
            </div>

Может кто-нибудь, пожалуйста, помогите мне сделать это?

Ответы [ 2 ]

0 голосов
/ 08 мая 2018

Попробуйте это. 

$(".datepicker").datepicker({
    showOn: 'button',
    dateFormat: "yy-mm-dd",
    changeMonth: true,
    
     minDate: new Date,
     
    changeYear: true,
    autoclose: false
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.13/jquery-ui.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="Stylesheet" type="text/css" />

<script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript" src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css" />
<input type="text" class="datepicker" /><br/>
<style>
    .ui-datepicker {font-size:60%; }
</style>
0 голосов
/ 06 мая 2018

Я заставил это работать следующим образом: 

var date = new Date();
date.setDate(date.getDate());

$('.sandbox-container input').datepicker({
  format: "dd/mm/yyyy",
  orientation: "auto",
  startDate: date,
  clearBtn: true
});
...