estoy tratando de obtener la fecha de mi implementación del selector de fecha jquery, agregarlo a una cadena y mostrar la imagen resultante en mi div. Algo sin embargo simplemente no está funcionando. ¿Alguien puede verificar el código y echarle un vistazo?getDate con Jquery Datepicker
Se supone que el código toma la fecha del selector de fecha, la combina en una cadena que debe tener el código necesario para mostrar la etiqueta, las imágenes se ubican en/image y en el formato aYY-MM-DD.png, nuevo en este selector de fechas y todavía no puede descifrarlo.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.custom.min.js"></script>
<script type="text/javascript">
$(function(){
// Datepicker
$('#datepicker').datepicker({
dateFormat: 'yy-mm-dd',
inline: true,
minDate: new Date(2010, 1 - 1, 1),
maxDate:new Date(2010, 12 - 1, 31),
altField: '#datepicker_value',
});
//hover states on the static widgets
$('#dialog_link, ul#icons li').hover(
function() { $(this).addClass('ui-state-hover'); },
function() { $(this).removeClass('ui-state-hover'); }
);
});
//var img_date = .datepicker('getDate');
var day1 = $("#datepicker").datepicker('getDate').getDate();
var month1 = $("#datepicker").datepicker('getDate').getMonth() + 1;
var year1 = $("#datepicker").datepicker('getDate').getFullYear();
var fullDate = year1 + "-" + month1 + "-" + day1;
var str_output = "<h1><center><img src=\"/images/a" + fullDate + ".png\"></center></h1><br/><br>";
page_output.innerHTML = str_output;
// writing the results to the div element (page_out)
</script>
</head>
<body style="background-color:#000;color:#fff;margin: auto auto;">
<!-- Datepicker -->
<div id="datepicker"></div>
<!-- Highlight/Error -->
<p>Date Value: <input type="text" id="datepicker_value" /></p>
<div id="page_output" style="text-align:center; margin-top:80px; margin-bottom:20px; "></div>
</body>
Actualizado para incluir la sintaxis jQuery correcta, como Jeremy y dcloud sugirieron. – AdmSteck
que funcionó, puedo mostrar la fecha seleccionada, mi código de img está estropeado de alguna manera, se remedia fácilmente ahora de lo que puedo mostrar algo. Gracias por ayudar a todos – matt
Si esta es la respuesta que te solucionó el problema, probablemente debas consultarlo para que los futuros lectores sepan. – AdmSteck