[JQuery UI] 拖拉放 Drag and Drop

有個很棒的經驗分享：

jQuery UI Drag Drop Tips and an Ecommerce Example

http://jqueryui.com/demos/draggable/

http://jqueryui.com/demos/droppable/

[JQuery Plugins] JQuery UI Dialog 中顯示換行 ( )

new line in JQUERY Dialog ( <br /> )
====
一般使用JQuery UI Dialog時設定文字會使用：

$("#dialog").text( "XXX" +"< br / >" + "開始:");

但是這樣<br />會變成HTML編碼，所以要使用：

$("#dialog").html( "XXX" + "< br / >" + "開始:");

很基礎的觀念~注意上面的< br / >為了顯示正常而多個空白，正確要使用<br />

[JavaScript] 將兩個由JQuery UI DateTimePicker產生的日期時間作判斷大小

Compare two DateTime from JQuery UI DateTimePicker using JavaScript.
====================================
程式碼如下：

//檢查時間有無符合後大於前-
    //日期格視為格式yyyy/MM/dd HH:mm
    function CheckTime() {
        string_1 = $('#StartDateTime').val();
        string_2 = $('#EndDateTime').val();
        DateTime1 = string_1.split(" "); //區分yyyy/MM/dd 與 HH:mm
        DateTime2 = string_2.split(" ");
        Date1 = DateTime1[0].split("/"); //區分yyyy ; MM ; dd
        Date2 = DateTime2[0].split("/");
        Time1 = DateTime1[1].split(":");   //區分HH ; mm
        Time2 = DateTime2[1].split(":");   //區分HH ; mm

        var TrueDate1 = new Date(Date1[0], (parseInt(Date1[1]) - 1).toString(), Date1[2], Time1[0], Time1[1], 0, 0);
        var TrueDate2 = new Date(Date2[0], (parseInt(Date2[1]) - 1).toString(), Date2[2], Time2[0], Time2[1],0,0);
        if (TrueDate1 <= TrueDate2) {
            return true;
        }
        return false;
    }

當然一定有更好的寫法，趕時間就先這樣用了~

Reference:
http://www.w3schools.com/js/js_obj_date.asp
https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date

Javascript Date() constructor doesn't work.

[JQuery Plugins] 使用JQuery UI datepicker作為行事曆 (Event Calendar)

有幾篇文章不錯，可以看看人家怎麼實作：

The beforeShowDay callback allows you to do this. It is a function that takes a Date as a parameter and returns an array with [0] being true if the date is selectable, false if not, [1] being a CSS class to apply to that date cell, [2] being an optional popup tooltip for the date.

$('#mydate').datepicker({beforeShowDay:
 highlightOdds});

function highlightOdds(date) {
     
 return [true, date.getDate() % 2 == 1 ? 'odd' : ''];
}

jQuery UI Datepicker with jQuery tipsy

jQuery Ui Calendar, add links to chosen dates possible?

[JqueryUI] Date Picker - color cell day

http://forum.jquery.com/topic/jqueryui-date-picker-color-cell-day

JQuery UI 官方連結

http://jqueryui.com/demos/datepicker/#event-beforeShow

[TinyMCE] JQuery UI dialog 相衝問題

如果把TinyMCE放到dialog ，非IE就會變成唯讀，目前還沒找到適當的解決方式，

$("#dialogCommentMessage").dialog({
            autoOpen: false,
            show: "blind",
            hide: "explode",
            height: "400",
            width: "800", 
            modal: true,
              open: function (event, ui) {
                  tinyMCE.execCommand('mceAddControl', true, 'NContent');
              },
              close: function (event, ui) {
                  tinyMCE.execCommand('mceRemoveControl', true, 'NContent');
              }

        });

相關文章

http://www.flyingjolly.com/2010/10/tinymce-and-jquery-dialog/

http://stackoverflow.com/questions/2082599/tinymce-only-readable-in-jquery-ui-dialog

http://forum.jquery.com/topic/tinymce-dialog-issue

http://forgottencode.wordpress.com/2009/07/22/jquery-dialog-and-tinymce-not-working/

http://stackoverflow.com/questions/752313/tinymce-and-jquery-ui-dialog-working-nicely

http://tinymce.moxiecode.com/tryit/jquery_plugin.php

[JQuery Plugins] JQuery Validation 在Form中如何取消某個submit button的驗證

How To disable (cancel) JQuery validation for a specify submit button in a form?
========
方法簡單明瞭，只需要：

Refrence: http://stackoverflow.com/questions/203844/jquery-validation-plugin-disable-validation-for-specified-submit-buttons