2014-12-29 56 views
1

約會點擊,當我寫了一個代碼,在圖像上單擊時打開日期選擇器:
下面是截圖:
img1
img2
這裏是代碼:
HTML重定向到新的頁面在日期選擇器

<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成功打開。當點擊日期選擇器上的任何日期時,我希望它被重定向到下一頁。我該怎麼做?在這裏window.open http://www.w3schools.com/jsref/met_win_open.asp

+1

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

回答

1

使用onSelect方法

+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(); 
      }); 
     }); 

更多信息。

onSelect類型:Function()選擇日期時的回調函數。 該函數接收日期文本和日期選擇器實例作爲 參數。

由於@Learner在評論中提到了小提琴鏈接。

並重定向使用window.location.href完整的網址。

window.location.href= 'http://www.google.com' 
相關問題