str图像的attr()方法

时间:2012-03-08 19:33:26

标签: jquery image datepicker

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

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

2 个答案:

答案 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的问题,所以你可能只想抓住这一天?

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

答案 1 :(得分:1)

看看这个,我为你做了一个例子:

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

希望这有帮助