簡單使用: jQueryUI

顯示具有 jQueryUI 標籤的文章。顯示所有文章

2024年7月8日星期一

jQueryUI datepicker改變字體大小或CSS

  $('.datepicker').datepicker({
      beforeShow: function () {
          setTimeout(function () {            
              $('.ui-datepicker').css('font-size', '16px');
          }, 0);
      }
  });

2014年6月26日星期四

jQueryUI Autocomplete Combobox 修改寬度

jQuery UI 點我進入
找了很多方法居然都改不了
結果只到最簡單的方式才能改

 
$('.ui-autocomplete-input').css('width', '90%');

參考網址
點我進入

2014年4月3日星期四

jQueryUI datepicker自訂日期不能選擇

原本以回很難的
因為要用jQuery UI 去指訂某些日期不能選擇
還好網路很方變找的個方法
在beforeShowDay時設定不能用的日期即可範例如下

  $("#datae").datepicker({               
        beforeShowDay: setDisableDate //設定日期的function
   });  

   var DisableDate = [];//日期陣列 

 
  //可以用ajax post之類來帶入資料
  //todo

  //設定的function Elaine Wu
  function setDisableDate(date) {
        var strDate = date.getFullYear() + "-" + toTen(date.getMonth() + 1) + "-" + toTen(date.getDate());
        var aryReturn = [true, ""];
        $.each(DisableDate, function (key, value) {
             if (value == strDate) {
                 aryReturn = [false, "", "已設定不能選擇"];
             }
        });
        return aryReturn;
   }

   function toTen(s) {
            return s < 10 ? '0' + s : s;
   }

參考來源
Elaine Wu如何讓datepicker中某些特定日期不可選？
點我進入
點我進入

2014年3月13日星期四

jQueryUI Virtual Keyboard

最近有遇到在post機上使用網頁的案子
因為post上只有簡單的鍵盤所以只能像ktv一樣輸入簡單的字
但網頁的話就不像ap那麼簡單
還好找到了一個不錯的jQuery UI Virtual Keyboard
這樣可以防者User輸入些不必要的字元
但中文的化可能就...
使用相當簡單
加入
1.jquery參考
2.加入jquery ui參考
3.加入Virtual Keyboard官方參考

2024年7月8日 星期一