我在这里更新了我的代码:
<div class="selector">
<h2 class="heading">Choose A Date</h2>
</div>
<img class="page-img" src="images/" width ="400px" height="600px" alt="front page here" title="image here">
<script type="text/javascript">
// Datepicker
$(document).ready(function (){$('.selector').datepicker({
inline: true,
dateFormat: 'yy-mm-dd',
constrainInput: true,
changeYear: true,
changeMonth: true,
maxDate: '0',
yearRange: '-100y',
onSelect: function(dateText, inst) {
//$("input[name='yy-mm-dd']").val(dateText);
$(".page-img").attr("images/", dateText + ".jpg");
}
});
});
我需要让日期选择器工作,这样当选择日期时,将调用一个图像,每个日期都有自己独特的图像。有人建议我使用jQuery attr()方法并将其用于图像的src。
答案 0 :(得分:1)
要实现此目的,以下代码可能有所帮助:
在datepicker中你有一个onSelect事件。当有人选择日期时,您将更改图像。
$('.selector').datepicker({
onSelect: function(dateText, inst) {
alert("Selected date: " + dateText) // For exemple
$("yourImage").attr("src", dateText + ".jpg") // Change the src for the "yourImage".
}
});
但是你最终会遇到2012-03-08是一个日期而下一个是2012-03-09的问题,所以你可能只想抓住这一天?
答案 1 :(得分:1)