Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it L'avatar di allin81
    Registrato dal
    Mar 2011
    Messaggi
    1,875

    datepicker, info su come visualizzare la seconda data in automatico

    sto usando datepicker per poter inserire la data di arrivo (campo chiamato from), e la data di ritorno (campo chiamato to).

    Vorrei fare in modo che quando inserisco la data di arrivo, in automatico esca nel campo di ritorno il giorno subito dopo alla data cercata, esempio:

    nel campo andata inserisco 11/05/2012
    nel campo ritorno deve uscire in automatico 12/05/2012 e poi faccio cambiare all'utente se non va bene il giorno dopo...

    come posso fare?

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    codice:
    				$('#datepicker').datepicker({
    					...
    					onSelect: function(dateText, inst){
    						var d=dateText.split('/')
    						$('#datepicker2').datepicker( "setDate" , new Date(d[2],d[0]-1,parseInt(d[1])+1))
    					},
    					...
    				});
    dipende dal dateFormat, questo funziona con quello di default ("mm/dd/yy")

    ciao

  3. #3
    Utente di HTML.it L'avatar di allin81
    Registrato dal
    Mar 2011
    Messaggi
    1,875
    Originariamente inviato da Xinod
    codice:
    				$('#datepicker').datepicker({
    					...
    					onSelect: function(dateText, inst){
    						var d=dateText.split('/')
    						$('#datepicker2').datepicker( "setDate" , new Date(d[2],d[0]-1,parseInt(d[1])+1))
    					},
    					...
    				});
    dipende dal dateFormat, questo funziona con quello di default ("mm/dd/yy")

    ciao
    il mio date format e' dd/mm/yyyy

    come dovrei modificarlo?
    codice:
    	<script>
    	$(function() {
    		var dates = $( "#from, #to" ).datepicker({
    			defaultDate: "+1w",
    			changeMonth: true,
    			numberOfMonths: 1,
    			minDate: 0,
    			onSelect: function( selectedDate ) {
    				var option = this.id == "from" ? "minDate" : "maxDate",
    					instance = $( this ).data( "datepicker" ),
    					date = $.datepicker.parseDate(
    						instance.settings.dateFormat ||
    						$.datepicker._defaults.dateFormat,
    						selectedDate, instance.settings );
    				dates.not( this ).datepicker( "option", option, date );
    			}
    		});
    	});
    	</script>

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 © 2025 vBulletin Solutions, Inc. All rights reserved.