跳到主要內容

Javascript 筆記

§ 比較日期差異天數
  1. 將字串或是數字轉換為日期格式。
    date_1 = new Date('2010-12-8') ;

    date_2 = new Date('2010-12-25');
  2. 使用"-"及"/"來換算成天數。
    parseInt(Math.abs(date_1 - date_2) / 1000 / 60 / 60 / 24);

    parseInt─確保計算後的值為整數。
    Math.abs─取絕對值。
    / 1000 ─ 日期的數值計算到毫秒。
    / 60 ─ 轉為幾分鐘。
    / 60 ─ 轉為幾小時。
    / 24 ─ 轉為幾天。
完成。

§ 推算日期
  1. 將字串轉為日期格式。
    setdate = new Date('2010-12-8');
    postdate = new Date();
  2. 推算日期。
    contdate = setdate.getTime() + (10 * 24 * 60 * 60 * 1000);
    getTime─加入時間。
    10為天數。
    * 24 ─ 轉換為小時。
    * 60 ─ 轉換為分。
    * 60 ─ 轉換為秒。
    * 1000 ─ 轉換為毫秒。
  3. 將推算完成的值寫進postdate。
    postdate.setTime(contdate);
    alert(postdate.toLocaleFormat('%Y%m%d');
    toLocaleFormat ─ 將日期轉換成自行定義的字串格式。
完成。

留言

這個網誌中的熱門文章

安裝webmin

Webmin是一套透過網頁的界面來維護linux主機各項伺服器的程式,非常的好用方便。 其安裝方式如下: 1. 在yum.repos.d資料夾下新增一個設定檔。     vi /etc/yum.repos.d/webmin.repo     [Webmin]       name=Webmin Distribution Neutral       baseurl=http://download.webmin.com/download/yum       enabled=1 2. 匯入GPGkey     rpm --import http://www.webmin.com/jcameron-key.asc     如果系統顯示匯入失敗。可改下列做法     wget http://www.webmin.com/jcameron-key.asc     rpm --import jcameron-key.asc 3. 執行安裝     yum install -y webmin 4. 設定使用者及密碼     /usr/libexec/webmin/changepass.pl /etc/webmin 帳號 密碼

CSS 文字效果

text-decoration 於 CSS 中定義為設定 文字效果 屬性有: 1. none ─ 預設值 2. overline ─ 文字標上線 3. underline ─ 文字標底線 4. line-throughx ─ 文字標刪除線 5. blink ─ 文字閃爍

Colorbox 使用筆記

Colorbox 詳細使用說明請參考 a jQuery lightbox 情境一: 當開發RWD網頁時,我想將 lightbox 的寬度依顯示螢幕的寬度來決定。 想讓 lightbox 的內容不會太擁擠或太空洞。 <script> var deviceWidth = 0; $(function() { deviceWidth = $(window).width(); $(window).resize(function(){ deviceWidth = $(window).width(); }); }); function showMessage() { var colorboxWidth = "100%"; if (deviceWidth > 767) { colorboxWidth = "70%"; } $.colorbox({innerWidth: colorbox}); } </script> 情境二: 為了讓使用者確實閱讀完 lightbox 內的訊息,想將關閉 lightbox 的熱鍵移除。 <script> function showMessage() { $.colorbox({ escKey: false,  // 按下esc鍵關閉 Colorbox 視窗 arrowKey: false,  // 按下方向鍵關閉 Colorbox 視窗 overlayClose: false  // 在背景遮罩點一下滑鼠左鍵,關閉 Colorbox 視窗 }); } </script> 情境三: 當 Lightbox 內的訊息太長,或需要互動性質的內容,開啓 iframe 功能,互動換頁才不會讓整個網頁換掉。 <script> function showMessage() { $.colorbox({ escKey: false, arrowKey: false, o...