Sto provando ad ottenere la data dalla mia implementazione del selettore di date jquery, aggiungerlo a una stringa e visualizzare l'immagine risultante nel mio div. Qualcosa però non funziona. Qualcuno può controllare il codice e dare un'occhiata a questo?getDate con Jquery Datepicker
Il codice deve prendere la data dal selettore data, combinarlo in una stringa che deve avere il codice necessario per visualizzare il tag, le immagini si trovano in/image e nel formato aYY-MM-DD.png, nuovo a questo raccoglitore di date e non riesco ancora ad abbassarlo.
<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>
Aggiornato per includere la sintassi jQuery corretta, come suggerito da Jeremy e dcloud. – AdmSteck
che ha fatto il trucco, posso visualizzare la data selezionata, il mio codice img è incasinato in qualche modo, facilmente rimediabile ora di quanto riesca a mostrare qualcosa. Grazie per l'aiuto di tutti – matt
Se questa è la risposta che ha risolto il problema, probabilmente dovresti controllarlo in modo che i futuri lettori lo sappiano. – AdmSteck