Tengo un HTML <input /> con type=date y estoy tratando de usar javascript para deshabilitar una serie de fechas, pero por alguna razón, no funciona y no estoy seguro de dónde me equivoqué, a continuación está mi código:
var array = ["2022-08-25", "2022-08-22", "2022-08-21"] $('input[type="date"][name="tester"]').datepicker({ beforeShowDay: function(date) { var string = jQuery.datepicker.formatDate('yy-mm-dd', date); return [array.indexOf(string) == -1] } }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://code.jquery.com/ui/1.13.1/jquery-ui.min.js" integrity="sha256-eTyxS0rkjpLEo16uXTS0uVCS4815lc40K2iVpWDvdSY=" crossorigin="anonymous"></script> <input type="date" name="tester">No se admite la creación de un selector de fechas en un
<input type="date">debido a un conflicto de la interfaz de usuario con el selector nativo.
Ver más: https://api.jqueryui.com/datepicker/
Considera lo siguiente.
var array = ["2022-08-25", "2022-08-22", "2022-08-21"] $('input[name="tester"]').datepicker({ beforeShowDay: function(date) { var string = jQuery.datepicker.formatDate('yy-mm-dd', date); return [array.indexOf(string) === -1] } }); <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-3.6.0.js"></script> <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script> <input type="text" name="tester">