concatenar dos fechas con document.getElementById

[Casper2007]

Buenas tardes: quisiera me ayudaran a concatenar dos fechas, por ejemplo tengo dos input donde solicito la ficha inicial y en otro fecha final y lo que quiero es que en otro input se muestra la contacentacion de las dos fechas asi (ejemplo: en el primer input seleccione la fecha inicial y en el segundo input la fecha final, entonces al salir del segundo input me muestre el periodo en otro input, para despues grabarlo en mi BD):
Del 01/10/2012 al 15/10/2012

Código:

<script type="text/javascript">

function periodo() {
    campo1=document.getElementById('campo1').value;
    campo2=document.getElementById('campo2').value;
    final='Del '+campo1+' al '+campo2;
    document.getElementById('final').value=final;
}
</script>

codigo

Código HTML:

<input name="txtfinicial" type="text" size="9" id="txtfinicial" class="date-pick"/>
<input name="txtffinal" type="text" size="9" id="txtffinal" class="date-pick"  onChange="javascript:periodo();"/>
<input name="final" type="text" size="25" id="final" readonly /> 

[rodrigo791]

y? cual es el problema?

primero empeza por cambiar los id, ya que campo1 y campo2 ni existen.

[Casper2007]

Iniciado por rodrigo791

y? cual es el problema?

primero empeza por cambiar los id, ya que campo1 y campo2 ni existen.

oopsss... ok es cierto... te los pongo nuevamente, disculpa...

Código:

<script type="text/javascript">
function periodo() {
    campo1=document.getElementById('txtfinicial').value;
    campo2=document.getElementById('txtffinal').value;
    final='Del '+txtfinicial+' al '+txtffinal;
    document.getElementById('final').value=final;
}
</script>

Código HTML:

<input name="txtfinicial" type="text" size="9" id="txtfinicial" class="date-pick"/>
<input name="txtffinal" type="text" size="9" id="txtffinal" class="date-pick"  onChange="javascript:periodo();"/>
<input name="final" type="text" size="25" id="final" readonly /> 

gracias

[marlanga]

Perdone mi indiscreción, pero concatenar dos fechas (fecha de inicio de algo, y fecha fin de algo) para meterlas en un único campo de alguna tabla, no tiene sentido.

Infinitamente mejor, tener la tabla con dos campos, fecha_inicial y fecha_fin.

[Casper2007]

Iniciado por marlanga

Perdone mi indiscreción, pero concatenar dos fechas (fecha de inicio de algo, y fecha fin de algo) para meterlas en un único campo de alguna tabla, no tiene sentido.

Infinitamente mejor, tener la tabla con dos campos, fecha_inicial y fecha_fin.

bueno de hecho solo quiero que se muestre en pantalla: no se graba en la BD.... ya cheque mis tablas... solo es para mostrarlo al usuario cuando seleccione las fechas finicial y ffinal... me podrian ayudar... gracias

[Casper2007]

jejeje... ya lo hice... por si a alguien le sirve.... aqui el codigo:

Código PHP:

  <script type="text/javascript">
function procesar() {
    campo1=document.getElementById('txtfinicial').value;
    campo2=document.getElementById('txtffinal').value;
    final='Del '+campo1+' al '+campo2;
    document.getElementById('final').value=final;
}
</script> 
  

Código HTML:

<input name="txtfinicial" type="text" size="9" id="txtfinicial" class="date-pick" al/>
<input name="txtffinal" type="text" size="9" id="txtffinal" class="date-pick"  onChange="javascript:procesar();"/>
<input name="final" type="text" size="25" id="final" readonly/> 

saludos...