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

how to disable past date on date picker

本文关键字:日期 过去 选择器      更新时间:2023-09-26
$('input[name="event_startdate"]').datepicker({
    format: 'yyyy-mm-dd'
    startDate: new Date()
});
以上是我的代码。它显示错误:"Uncaught SyntaxError: Unexpected identifier"

您忘了在format: 'yyyy-mm-dd'和startDate: new Date()之间使用逗号(,)

Try This

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

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

For ID -

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

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

你可以这样试试。

 $('input[name="event_startdate"]').datepicker({ format: 'yyyy-mm-dd', minDate:"0" });
在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>

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