Calendario per portale di booking in php e javascript con date disponibili e non disponibili

**!!\Freedom9/!!** · 26-09-2020, 10:57

Ciao amici, ho trovato questo script gratuito https://www.phpjabbers.com/free-avai...lendar-script/ in php e javascript che possiamo utilizzare per siti di booking, prenotazioni, affitti case vacanza ecc.
Il codice è ben documentato nel link che vi ho scritto; io purtroppo me la cavo bene con php, ma con javascript sono una capra ignorante. Per questo ho iniziato a sviluppare il sito dal calendario: è la parte più complessa perchè mi tocca per forza di cose utilizzare anche il javascript.

Questo è il mio calendarietto https://garagulp.it/prove999/calenda...mple-page.html , come vedete è di facilissima implementazione.

Nelle istruzioni viene spiegato come tradurre il nome dei giorni e dei mesi, ecco il codice

codice:

<script type="text/javascript">
$(document).ready(function()
{
      $('#basic').calendar({
          day_name: ['CN', 'Hai', 'Ba', 'TÆ°', 'NÄƒm', 'SÃ¡u', 'Báº£y'],
          month_name: ['ThÃ¡ng Má»™t', 'ThÃ¡ng Hai', 'ThÃ¡ng Ba', 'ThÃ¡ng TÆ°', 'ThÃ¡ng NÄƒm', 'ThÃ¡ng SÃ¡u', 'ThÃ¡ng Báº£y', 'ThÃ¡ng TÃ¡m', 'ThÃ¡ng ChÃ#n', 'ThÃ¡ng MÆ°á»i', 'ThÃ¡ng MÆ°á»i Má»™t', 'ThÃ¡ng MÆ°á»i Hai']
        }); 
}
</script>

Questo è invece il codice da utilizzare per far comparire un alert quando clicchiamo una data

codice:

<script type="text/javascript">
$(document).ready(function()
{
      $('#basic').calendar({
        onSelectDate: function(date, month, year){
          alert([year, month, date].join('-') + ' is: ' + this.isAvailable(date, month, year));
        }
}); 
}
</script>

Ho provato davvero in tutti i modi, ma pur essendo ben documentato non sono riuscito. Qualcuno di voi che mastica javascript mi può aiutare? Se è un brianzolo come me gli offro volentieri una colazione !!
Grazie infinite.

Se qualcuno ha problemi con la parte php mi scriva, sarò ben felice di aiutarlo.

**ciro78** · 26-09-2020, 16:54

il problema?

**ninja72** · 26-09-2020, 22:51

Secondo me ti serve un semplice datapicker in js che poi si interfaccia con il tuo back-end in php + mysql, penso le richieste vadano fatte in ajax in questo contesto.

https://www.npmjs.com/package/js-datepicker

https://jqueryui.com/datepicker/#default

**!!\Freedom9/!!** · 02-10-2020, 18:37

Ciao ragazzi, alla fine ho risolto con jquery. Lascio la soluzione, così chiunque capitasse qui alla ricerca di un calendario javascript da implementare con php o un altro linguaggio server side sa come fare.
Grazie mille a ninja72 per il suggerimento!!

Seguite queste spiegazioni https://webkul.com/blog/jquery-datepicker/
E' tutto ben documentato e facilissimo da implementare anche a chi non conosce bene javascript, date un'occhiata anche qui https://jqueryui.com/datepicker/

Ecco il codice che ho scritto per le mie esigenze.

codice HTML:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>datepicker demo</title>


  <link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

    
</head>
<body>
 
<div id="datepicker"></div>
 
    <script>
    var dates = ["29/09/2020", "05/10/2020"];
    var minDate = new Date();
    minDate.setDate(minDate.getDate() + 1);

    function DisableDates(date) {
        var string = jQuery.datepicker.formatDate('dd/mm/yy', date);
        return [dates.indexOf(string) == -1];
    }

    $(function() {
         $("#datepicker").datepicker({
             beforeShowDay: DisableDates,
             numberOfMonths: 1,
             minDate: minDate,
             maxDate: "+3M",
             dateFormat: 'dd-mm-yy',
             onSelect: function() { 
                window.location.href = "index.php?date=" + this.value;
            }
         });
    });
        
    </script>
 
</body>
</html>

Discussione: Calendario per portale di booking in php e javascript con date disponibili e non disponibili

Strumenti discussione

Ricerca discussione

Visualizza

Calendario per portale di booking in php e javascript con date disponibili e non disponibili

Soluzione

Permessi di invio