2014-02-25 42 views
0

我從網上下載的網站「http://javascriptcalendar.org/javascript-date-picker.php」 壓延widge放置所有下載的文件放在同一個文件夾 但不知道如何使用壓延機在我的網站如何鏈接日曆小部件到網站?

這裏來顯示

<html> 
    <head> 
    <table> 
     <tr> 
     <td>to:<script src="calendar.html"></script></td> 
     <td>from:<script src="calendar.html"></script></td> 
    </tr> 

    </table> 
    </head> 
<body> 
</body> 
</html> 
的基本代碼

可能有人請告知如何包括它,我很新,你的幫助是非常感謝。

高級THX SRINIVAS

回答

0

基本設置:

HTML:

<input type="text" size="12" id="inputField" />  

的JavaScript:

window.onload = function(){ 
       new JsDatePick({ 
        useMode:2, 
        target:"inputField" 
       }); 
}; 

http://jsfiddle.net/6mS3a/

+0

我只是把這個添加到我的代碼中,但是我想要兩個窗口,比如FROM:和TO:壓光機只加載一次,無論是From還是TO。如何啓用此windown兩個文本框 – SriniG

+0

親愛的@ user3346540,我認爲你承擔,你不知道如何執行,特別是容易的這樣的任務之前,您應該通過閱讀簡單的手動或書開始。有數以千計的書籍和教程在線學習任何東西。這是我的愚見。 –

0

複製這些兩行代碼粘貼到你想要的日曆可在每一頁的

<link rel="stylesheet" type="text/css" media="all" href="jsDatePick_ltr.min.css" /> 

<script type="text/javascript" src="jsDatePick.min.1.3.js"></script> 

腳本:

<script type="text/javascript"> 
window.onload = function(){ 
    new JsDatePick({ 
     useMode:2, 
     target:"inputField", 
     dateFormat:"%d-%M-%Y" 
     /*selectedDate:{    This is an example of what the full configuration offers. 
      day:5,      For full documentation about these settings please see the full version of the code. 
      month:9, 
      year:2006 
     }, 
     yearsRange:[1978,2020], 
     limitToToday:false, 
     cellColorScheme:"beige", 
     dateFormat:"%m-%d-%Y", 
     imgPath:"img/", 
     weekStartDay:1*/ 
    }); 
}; 
</script> 

HTML:

<body> 
    From:<input type="text" size="12" name="from" id="inputField" /> 
    To: <input type="text" size="12" name="to" id="inputField" /> 
</body> 

希望這有助於。

+0

我只是把這個添加到了我的代碼中,但我想要兩個窗口,比如FROM:和TO:日曆只裝載一次,無論是From還是TO。如何啓用這個windown兩個文本框 – SriniG

+0

請嘗試更新的代碼 – Jatin