jQuery UI

ダウンロードとか

http://jqueryui.com/
依存関係があるので、まとめてダウンロードする。テーマも色々ある。

Draggable

ドラッグできるようにする

Sortable

Draggableに依存。並び替えできるようにする
http://docs.jquery.com/UI/Sortable

$('ul#sortable').sortable({
  'update': function(event, ui){
    console.log(this);
  }
});

DatePicker

var input = $('#myDatePicker');
input.datepicker({
        dateFormat: 'yy/mm/dd',
        dayNamesMin: ['日', '月', '火', '水', '木', '金', '土'],
        dayNamesShort: ['日', '月', '火', '水', '木', '金', '土'],
        monthNames: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
        monthNamesShort: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
        showMonthAfterYear: true,
        showAnim: false
});

Dialog

ダイアログ。背景色変更がなんかめんどくさかった気がする。

var div = $('#myDialog') ;
div.dialog({
  'autoOpen': false,
  'bgiframe': true,
  'draggable': true,
  'resiable': false,
  'modal': true.
  'buttons': {'はい': function(){}, 'いいえ': function(){}}
});
div.dialog('open');