Hola, necesito su ayuda, tengo dos script en javascript, uno para poder usar el datepicker de JQueryUI y el otro para poder añadir campos input. hasta aqui bien, pero elproblema es que quiero que esos campos input tenga la clase del datepicker o sea la clase llamada campofecha, la verdad que no tegno mucha idea de que hacer para solucionarlo, ojala algun iluminado me ayude, xD, saludos!
Código HTML:
Ver original <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <link type="text/css" href="css/redmond/jquery-ui-1.10.0.custom.css" rel="Stylesheet" /> <script type="text/javascript" src="js/jquery-1.9.0.js"></script> <script type="text/javascript" src="js/jquery-ui-1.10.0.custom.min.js"></script> <script type="text/javascript"> jQuery(function($){
$.datepicker.regional['es'] = {
closeText: 'Cerrar',
prevText: '<Ant',
nextText: 'Sig>',
currentText: 'Hoy',
monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
monthNamesShort: ['Ene','Feb','Mar','Abr', 'May','Jun','Jul','Ago','Sep', 'Oct','Nov','Dic'],
dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
dayNamesShort: ['Dom','Lun','Mar','Mié','Juv','Vie','Sáb'],
dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sa'],
weekHeader: 'Sem',
dateFormat: 'dd/mm/yy',
firstDay: 1,
isRTL: false,
showMonthAfterYear: false,
yearSuffix: ''
};
$.datepicker.setDefaults($.datepicker.regional['es']);
});
$(document).ready(function(){
$('.campofecha').datepicker({
showWeek: true,
showOn: 'both',
buttonImage: 'imagenes/calendar.gif',
buttonImageOnly: true,
onSelect: function(textoFecha, objDatepicker){
$("#mensaje").html("
<p>Has seleccionado: " + textoFecha + "
</p>");
}
});
})
<script type="text/javascript"> <!--
num=0;
function crear(obj) {
num++;
fi = document.getElementById('fiel'); // 1
contenedor = document.createElement('div'); // 2
contenedor.id = 'div'+num; // 3
fi.appendChild(contenedor); // 4
ele = document.createElement('input'); // 5
ele.type = 'text'; // 6
ele.name = 'fil'+num; // 6
ele.class='campofecha';
contenedor.appendChild(ele); // 7
ele = document.createElement('input'); // 5
ele.type = 'button'; // 6
ele.value = 'Borrar'; // 8
ele.name = 'div'+num; // 8
ele.onclick = function () {borrar(this.name)} // 9
contenedor.appendChild(ele); // 7
}
function borrar(obj) {
fi = document.getElementById('fiel'); // 1
fi.removeChild(document.getElementById(obj)); // 10
}
-->
<form action="handleFormMantenimiento.php" method="post"> <table class="tablamostrar"> <th><input type="button" value="Añadir" onclick="crear(this)" /></th> <input type="submit" name="action" value="Ok"></input> <input type="button" value="Cancel" onclick="window.location.href='indexManProgramacion.php'" /></input>