jQuery Datepicker - Escaping literal text in date format

by Miguel San Segundo

HTML

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>datepicker demo</title>
  <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/black-tie/jquery-ui.css">
  <script
    src="https://code.jquery.com/jquery-3.6.0.min.js"
    integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
    crossorigin="anonymous"></script>
  <script
    src="https://code.jquery.com/ui/1.13.1/jquery-ui.min.js"
    integrity="sha256-eTyxS0rkjpLEo16uXTS0uVCS4815lc40K2iVpWDvdSY="
    crossorigin="anonymous"></script>
</head>
<body>
 
<input type="text" id="datepicker" />
 
<script>
  $( "#datepicker" )
  	.datepicker({ "dateFormat": "d \\de\\ MM 'de' yy" })
    .datepicker( "setDate", new Date() )
</script>
 
</body>
</html>

CSS

input {
  font-size: 24px;
}