---
# How exclude a day (jQuery datepicker + Contact Form 7)

**URL:** https://modul-r.codekraft.it/datepicker/
Date: 2021-07-06
Author: Erik
Post Type: post
Summary: ref. https://wordpress.org/support/topic/how-to-disable-exclude-specific-day-in-date-picker 4UTW0MEDfHGJHammLu
Categories: Blog, Contact form 7
---

ref. [https://wordpress.org/support/topic/how-to-disable-exclude-specific-day-in-date-picker](https://wordpress.org/support/topic/how-to-disable-exclude-specific-day-in-date-picker)

[contact-form-7 id="651" title="datepicker"]

```
[date your-date id:datepicker]
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/ui-lightness/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<script>
jQuery(function($){
$("#datepicker").click(function(e){
     e.preventDefault();
}).datepicker({
  dateFormat: "yy-mm-dd",
  beforeShowDay: function (date) {
    return date.getDay() == 2 ? [false, " disabled"] : [true, " enabled"];
  }
});
});
</script>
<style>
.disabled {
  color: #000;
}
.enabled {
  color: #ff0000 !important;
}
input::-webkit-calendar-picker-indicator{
  color:red;
}
input[type="date"]::-webkit-calendar-picker-indicator {
  -webkit-appearance: none;
}
</style>
[submit "Submit"]
```

---

## Categories

- Blog
- Contact form 7

---

## Navigation

- [Modul*R](https://modul-r.codekraft.it/)

---

## Footer Links

- [WordPress](https://wordpress.org/)