2014-12-29 3 views
1

Я написал код для открытия выбора даты при нажатии на изображение:
Вот снимок экрана:
img1
img2
А вот код :
HTMLПеренаправление на новую страницу при нажатии на дату в DatePicker

<div style="position: absolute; top: 127px; left: 31px;">Click 
      on image to enter period start date:</div> 

     <img src='./img/calendar.png' id="datepickerImage" 
      style="position: absolute; top: 160px; left: 126px; height: 75px;" /> 

javascript

$(document).ready(function() { 
       $("#datepicker").datepicker({ 
        changeMonth : true, 
        changeYear : true, 
       }).hide().click(function() { 
        $(this).hide(); 
       }); 

       $("#datepickerImage").click(function() { 
        $("#datepicker").show(); 
       }); 

      }); 

Датпикер открывается успешно. Когда будет нажата любая дата на datepicker, я хочу, чтобы она была перенаправлена ​​на следующую страницу. Как мне это сделать?

+1

http://jsfiddle.net/D4AGz/268/ –

ответ

1

использование onSelect метод.

onВыбрать тип: Функция() Функция обратного вызова, когда выбрана дата. Функция получает экземпляр даты и даты выбора даты как параметров.

Как @Learner упомянул в комментарии со ссылкой на скрипку.

И для перенаправления использования window.location.href с полным URL-адресом.

window.location.href= 'http://www.google.com' 
+0

Да, он работал .... Спасибо :) – qwertymaster

+0

Добро пожаловать :) Рад помочь вам. –

+0

Голосовать, если хотите :) – qwertymaster

1
$('#datepicker').datepicker({ 
       changeMonth : true, 
       changeYear : true, 
      }).on('changeDate', function (e) { 
     window.open("yourURL", "_self"); 
    }); 
    $("#datepickerImage").click(function() { 
       $("#datepicker").show(); 
      }); 
     }); 

Более подробная информация о window.open здесь http://www.w3schools.com/jsref/met_win_open.asp

Смежные вопросы