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

Question

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

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

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

Я отредактировал 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>

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

-1

bootstrap-datepicker php

Решение

Другие решения

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

$(".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

Источник

Accepted Answer

Я сделал это, работая так:

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

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

1