how to disable past date on date picker

Question

$('input[name="event_startdate"]').datepicker({
    format: 'yyyy-mm-dd'
    startDate: new Date()
});

The above is my code. It displays the error: "Uncaught SyntaxError: Unexpected identifier"

Answer 1

you forgot comma(,) between format: 'yyyy-mm-dd' and startDate: new Date()

Or

Try This

For css Class -

$('.datepicker').datepicker({ format: 'yyyy-mm-dd', startDate: new Date() });

here .daterpicker is a class name appiled on input control

For ID -

$('#datepicker').datepicker({ format: 'yyyy-mm-dd', startDate: new Date() });

here #daterpicker is a class name appiled on input control

Answer 2

You can try like this.

 $('input[name="event_startdate"]').datepicker({ format: 'yyyy-mm-dd', minDate:"0" });

in html

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<title></title>
<link data-require="jqueryui" data-semver="1.10.0" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/css/smoothness/jquery-ui-1.10.0.custom.min.css" />
<link rel="stylesheet" href="style.css" />
<script data-require="jquery" data-semver="3.0.0" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
<script data-require="jqueryui" data-semver="1.10.0" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/jquery-ui.js"></script>
<script src="script.js"></script>
</head>

<body>
<input type="text" name="event_startdate">
</body>

</html>

here is plunker : https://plnkr.co/edit/nSbc4nJqU2VgvNZzrhMt?p=preview

how to disable past date on date picker

Question

2 answers

solution1
1 2016-07-01 06:29:51

solution2
0 2016-07-01 06:35:57

how to disable past date on date picker

Question

2 answers

solution1 1 2016-07-01 06:29:51

solution2 0 2016-07-01 06:35:57

solution1
1 2016-07-01 06:29:51

solution2
0 2016-07-01 06:35:57