模仿win10樣式,基於jquery的時間控制項

2021-07-23 02:08:27 字數 3312 閱讀 9720

工作需要,寫了乙個基於jquery的時間控制項,仿win10系統時間控制項格式。

目前基本功能都有了,但時間格式只實現少數,但由於結構設計已經充分優化,填充起來非常容易。

if (typeof jquery === 'undefined') 

(function ()

}'use strict';

window.uedate || (window.uedate = ,

config: ,

tofixstr: function (value) ,

getdatefromtext: function (t, f) else

trycatch(e)

} else

},getfmtdate: function (v, f) break;

case 't': break;

case 'y': break;

case 'd': break;

case 'm': break;

case 'f': break;

case 'g': break;

case 'r': break;

case 'u': break;

case 'v': break;

default: break;}},

showcalendar: function () ,

setcalendarposition: function () );

} else );

}if ((rc.left + cw) > ww) );

} else );}},

setcalendardate: function (dt)

j++;

} else

}$('.ue_date_select').html(this.config.fullmonth[m] + ',' + y);

this.calendaryear = dt.getfullyear();

this.calendarmonth = dt.getmonth();

this.bindcalendarevent('d');

},setcalendarmonth: function (m)

}$(".ue_date_select").html(this.calendaryear);

this.bindcalendarevent('m');

},setcalendaryear: function (y)

}$(".ue_date_select").html(y + ' - ' + (y + 11));

this.bindcalendarevent('y');

},bindcalendarevent: function (type)

if (type == 'm')

if (type == 'y')

});$('.ue_date_right').off('click').on('click', function ()

if (type == 'm')

if (type == 'y')

});$('.ue_date_select').off('click').on('click', function ()

if (type == 'm')

});$('.ue_date_canhover').off('click').on('click', function ()

if (type == 'm') }}

if (type == 'y')

});},

getmaxdate: function () ,

changevalue: function (part, v) ,

bindevent: function () ).focus();

} else );

dt.changevalue(part, v);

}}).off('focus').on('focus',function () );

}});

$(document).off('keyup').on('keyup', function (e)

}).off('keydown').on('keydown', function (e) else

} else

}, 100);

if (v > min)

} break;

case 40: else

} else

}, 100);

if (v < max)

} break;

default: break;}}

}).off('click').on('click', function (e)

});

},settargetvalue: function () ,

setvalue: function (o,v) ,

setseqbyviewtype: function () break;

case 't': break;

case 'y': break;

case 'd': break;

case 'm': break;

case 'f': break;

case 'g': break;

case 'r': break;

case 'u': break;

case 'v': break;

default: break;}},

initview: function () ).show();

this.framedom.children().first().focus().css();

},initvalue: function (s, f) ,

bind: function (tg, f)

var id = ue_control_idx++;

tg.attr('idx', id).attr('tabindex', id).addclass('ue_date_target').attr('dateformat', f || this.config.viewtype)

.off('focus').on('focus', function ()

}uedate.show(this);

});},

show: function (tg) ,

});$.fn.binduedate = function (f) ;

}());

/* 呼叫示例

25/10/2016 15:24:36

*/

kinect連線 基於Win10系統

上學期開始和老師做三維建模方面的專案,趕上學期末,忙著複習也就沒有太多精力來做專案的事情。新學期開始啦 所以也就開始記錄一下開發的過程,雖然開發的過程會很緩慢 我屬於比較笨的型別啦 但是,慢慢來嘛。首先,我們來看一下主角 kinect for windows 2.0 拿到他的時候感覺好漂亮kkk。一...

jQuery 4 樣式操作

一.操作css方法 jquery可以使用css方法來修改簡單元素樣式 也可以操作類,修改多個樣式。1.引數只寫屬性名,則是返回屬性值 i f this css color 2.引數是屬性名,屬性值,逗號分隔,是設定一組樣式,屬性必須加引號,值如果是數字可以不用跟單位和引號 this css colo...

JQuery總結二 樣式篇

基礎 樣式篇 1.引入 2.獲取特定dom節點 所有元素引用 div 所有div的引用 idname 獲取id為idname的引用 classname 獲取class為classname的引用 this 把js裡的this指標包裝成jq物件 3.操作節點 可以連續操作節點 idname html 獲...