20151221jqueryUI---日曆UI程式碼備份

破玉發表於2015-12-21
$(function () {

	$('#search_button').button({
		icons : {
			primary : 'ui-icon-search',
		},
	});
	

	$('#reg').dialog({
		autoOpen : true,
		modal : true,
		resizable : false,
		width : 320,
		height : 340,
		buttons : {
			'提交' : function () {
				
			}
		}
	});
	
	$('#reg').buttonset();
	
	$('#date').datepicker({
		dateFormat : 'yy-mm-dd',
		//dayNames : ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
		//dayNamesShort : ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
		dayNamesMin : ['日','一','二','三','四','五','六'],
		monthNames : ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'],
		//monthNamesShort : ['一','二','三','四','五','六','七','八','九','十','十一','十二'],
		altField : '#abc',
		altFormat : 'dd/mm/yy',
		appendText : '日曆',
		showWeek : true,
		weekHeader : '周',
		firstDay : 1,
	});
	
	$('#reg input[title]').tooltip({
		show : false,
		hide : false,
		position : {
			my : 'left center',
			at : 'right+5 center'
		},
	});
	
	
	$('#email').autocomplete({
		delay : 0,
		autoFocus : true,
		source : function (request, response) {
			//獲取使用者輸入的內容
			//alert(request.term);
			//繫結資料來源的
			//response(['aa', 'aaaa', 'aaaaaa', 'bb']);
			
			var hosts = ['qq.com', '163.com', '263.com', 'sina.com.cn','gmail.com', 'hotmail.com'],
				term = request.term,		//獲取使用者輸入的內容
				name = term,				//郵箱的使用者名稱
				host = '',					//郵箱的域名
				ix = term.indexOf('@'),		//@的位置
				result = [];				//最終呈現的郵箱列表
				
				
			result.push(term);
			
			//當有@的時候,重新分別使用者名稱和域名
			if (ix > -1) {
				name = term.slice(0, ix);
				host = term.slice(ix + 1);
			}
			
			if (name) {
				//如果使用者已經輸入@和後面的域名,
				//那麼就找到相關的域名提示,比如bnbbs@1,就提示bnbbs@163.com
				//如果使用者還沒有輸入@或後面的域名,
				//那麼就把所有的域名都提示出來
				
				var findedHosts = (host ? $.grep(hosts, function (value, index) {
						return value.indexOf(host) > -1
					}) : hosts),
					findedResult = $.map(findedHosts, function (value, index) {
					return name + '@' + value;
				});
				
				result = result.concat(findedResult);
			}
			
			response(result);
		},	
	});
	

});

  

相關文章