Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

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

    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.

  2. #2
    Moderatore di Javascript L'avatar di ciro78
    Registrato dal
    Sep 2000
    residenza
    Napoli
    Messaggi
    8,296
    il problema?
    Ciro Marotta - Programmatore JAVA - PHP
    Preferisco un fallimento alle mie condizioni che un successo alle condizioni altrui.


  3. #3
    Utente di HTML.it L'avatar di ninja72
    Registrato dal
    May 2020
    residenza
    -
    Messaggi
    132
    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

  4. #4

    Soluzione

    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>

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.