Question

我在这里更新了我的代码：

<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。

Answer 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的问题，所以你可能只想抓住这一天？

参见示例： http://jsbin.com/azunup/4/edit#javascript,html,live

Answer 2

看看这个，我为你做了一个例子：

http://jsfiddle.net/oscarj24/4xYfp/

希望这有帮助

str图像的attr（）方法

2 个答案: