jquery datepicker：通過點擊div來激活。輸入應該隱藏

我正在使用jquery datepicker和選項，通過點擊圖標激活它。jquery datepicker：通過點擊div來激活。輸入應該隱藏

<input type="hidden" id="datepicker"> 

$(function() { 
    $("#datepicker").datepicker({ 
     showOn: "button", 
     buttonImage: "/static/calendar.gif", 
     buttonImageOnly: true 
    }); 

    });

這工作正常，但我非常喜歡在圖像中的CSS定義，而不是在JS。理想情況下，這將是一個帶背景網址的DIV，我將在css中定義它。

實際輸入需要隱藏。

來源

2014-03-31 user984003

試試這個 HTML：

<input type="hidden" id="datepicker"> 
<div class="trigger">Click Me</div>

的Javascript：

$(function() { 

    $("#datepicker").datepicker({ 

    }); 

    $("#datepicker").datepicker("option", "dateFormat", "yy-mm-dd"); 

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

    });

來源

2014-03-31 06:27:29 Coder

我嘗試了類似的東西，但是datepicker不能用隱藏的輸入來調用，除非你使用圖標圖標選項。我創建了一個解決此問題的答案。 – user984003

檢查我的小提琴http://jsfiddle.net/gZt3r/ – Coder

酷！我不知道爲什麼這對我不起作用。 – user984003

這是不是background-image.You一個div無法做到這一點使用純CSS。該圖標呈現爲圖像對象，其具有要成像的源src屬性。

來源

2014-03-31 06:27:59

jquery datepicker：通過點擊div來激活。輸入應該隱藏

回答

相關問題