Skip to content

Instantly share code, notes, and snippets.

@hzy916

hzy916/DisableDate.html

Last active October 31, 2018 14:10
Show Gist options
  • Save hzy916/6f29ad3349bc40b2407b5959a6272fdc to your computer and use it in GitHub Desktop.
Save hzy916/6f29ad3349bc40b2407b5959a6272fdc to your computer and use it in GitHub Desktop.
Download ZIP
Date calendar disable past date in jquery
Raw
DisableDate.html
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>BoostrapDateTimePicker</title>
<script src="~/Scripts/jquery-2.1.4.min.js"></script>
<script src="~/Scripts/moment.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>
<script src="~/Scripts/bootstrap-datetimepicker.min.js"></script>
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<link href="~/Content/bootstrap-datetimepicker.min.css" rel="stylesheet" />
<script>
$(function () {
$('#datetimepicker').datetimepicker({ minDate: new Date() });
});
</script>
</head>
<body>
<div class="container">
<h2>Bootstrap Datetime Picker Disable Previous Dates</h2>
<div class="row">
<div class="col-sm-4">
<div class="form-group">
<div class="input-group date" id="datetimepicker">
<input type="text" class="form-control" />
<span class="input-group-addon">
<span class="glyphicon-calendar glyphicon"></span>
</span>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment