метод attr () для изображений src

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"); 
       } 
    });
    });

Мне нужно, чтобы средство выбора даты работало так, чтобы при выборе даты вызывалось изображение, и у каждой даты было свое уникальное изображение. Кто-то посоветовал мне использовать метод attQ () jQuery и использовать его для src изображения.

Answer 1

Взгляните на это, я сделал для вас пример:

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

Надеюсь, это поможет

Answer 2

Для реализации может помочь следующий код:

Внутри 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