125
rated 0 times
[
131]
[
6]
/ answers: 1 / hits: 36732
/ 9 Years ago, fri, march 6, 2015, 12:00:00
I want to disable the date before current date in date picker. How to do this?
$(function() {
var $dp1 = $(#datepicker1);
$(document).ready(function() {
$dp1.datepicker({
changeYear: true,
changeMonth: true,
dateFormat: yy-m-dd,
yearRange: -100:+20,
});
});
});
$(function() {
var $dp2 = $(#datepicker2);
$(document).ready(function() {
$dp2.datepicker({
changeYear: true,
changeMonth: true,
yearRange: -100:+20,
dateFormat: yy-m-dd,
});
});
});
p.pfield-wrapper input {
float: right;
}
p.pfield-wrapper::after {
content: 0a0 0a0 ; /* keeps spacing consistent */
float: right;
}
p.required-field::after {
content: *;
float: right;
margin-left: -3%;
color: red;
}
<link href=https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.css rel=stylesheet/>
<script src=https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js></script>
<script src=http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js></script>
<p class=pfield-wrapper required-field>
<label>Start Date</label>
<input id=datepicker1 type=text name=s style=width:155px; required value=>
</p>
<p class=p>End Date
<input id=datepicker2 type=text name=e style=width:155px; value=>
</p>
More From » jquery