Web SQL Database è un API web per lo storage dei dati in formato database nel browser attraverso Javascript.
In sostanza si tratta di una delle varie API per lo storage dei dati nelle web application.
Al momento Firefox non è compatibile con questa API, in quanto ne sfrutta un'altra che vedremo prossimamente.
Mi dispiace dirlo, ma su certe cose Android, almeno su l'installazione di default, sta avanti rispetto a iOS.
Ad esempio sulla possibilità di monitorare il traffico dati.
Ovviamente, tutto ovviabile tramite l'installazione di alcune app.
Questa è una semplice app / widget che ci permette di controllare il consumo e il traffico dati Wi-Fi e network.
E' possibile vedere le statistiche individuali e quanto consumato a livello giornaliero.
PHP ha un ottimo supporto per la date, sia per la programmazione a oggetti che non.
Questa la pgina base; come vedete è possibile formattare e rappresentare le date in praticamente qualsiasi modo.
Il problema, però, sorge quando vogliamo mostrare il nome del giorno o del mese in italiano, perchè di default questi sono in inglese.
Ovviamente possiamo risolvere anche questo; prima di tutto impostiamo l'italiano:
setlocale(LC_TIME, 'ita', 'it_IT.utf8');
Qui i dettagli per la funzione setlocale.
Nel mio caso ho impostato solo il parametro LC_TIME, il resto non mi serve; ma potete sostuirlo con LC_ALL per tutto il resto.
Oggi vediamo come possiamo gestire facilmente le date usando Javascript.
Vederemo un primo esempio, che però riporta alcuni "errori" che andranno corretti con altre funzioni apposite.
Cominciamo con il primo esempio:
function mostradata() {
var data = new Date();
var mese = data.getMonth() + 1;
var giorno = data.getDate();
var anno = data.getYear();
var ora = data.getHours();
var minuti = data.getMinutes();
var oggi = giorno + "-" + mese + "-" + anno + " " + ora + ":" + minuti;
document.write(oggi);
}
Provate a lanciare questo script nella pagina.
Come sappiamo, in generale nei database abbiamo la possibilità di impostare un valore di default per i campi.
Questo valore dovrebbe essere quello di base nel caso in cui non gli venga passato nulla.
Può anche essere comodo se vogliamo ripristinare i vari record al valore di default.
Questo può essere fatto usando la parola chiave DEFAULT.
Twitter Bootstrap è un framework Javascript e CSS leggero e pieno di funzionalità interssanti.
Tra queste, però, gli manca un datepicker.
Lo possiamo integrare però attraverso un plugin esterno scaricabile da qua.
Una volta scaricati entrambi, aggiungiamoli alla pagina:
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" media="screen" />
<link rel="stylesheet" href="bootstrap/css/datepicker.css" media="screen" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="js/script.js"></script>
Questi sono i JS e i CSS che ci servono; script.js è dove metteremo il codice per impostare il datepicker.