如何在日期选择器上禁用过去的日期

时间:2016-07-01 06:22:18

标签: javascript jquery datepicker

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

以上是我的代码。它显示错误:" Uncaught SyntaxError:意外的标识符"

2 个答案:

答案 0 :(得分:1)

你忘了格式之间的逗号(,):'yyyy-mm-dd'和startDate:new Date()

或者

试试这个

对于css类 -

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

这里.daterpicker是在输入控件上应用的类名

对于ID -

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

这里#daterpicker是在输入控件上应用的类名

答案 1 :(得分:0)

你可以这样试试。

 $('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>

这里是plunker:https://plnkr.co/edit/nSbc4nJqU2VgvNZzrhMt?p=preview