如何使用jqueryUi的datepicker日歷控件?


參考: http://www.jb51.net/article/85007.htm

這里的日歷控件是, 基於jquery的jqureyui中的一個 widget。

  1. 需要js 文件: 外部的js文件, jquery.js, jqueryui.js
  2. 需要的css文件, 外部的css文件,link只需要jqueryui.css
  3. 其他 的css文件, 或style樣式, 只是自己的網頁中需要進行設置的東西。。。

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI - Datepicker</title>

<javascript src="./jquery.js"></script>     // 注意看這里的兩行!!! 居然有這種寫法和問題!!!  是script, 不是javascript.
<javascript src="./jquery-ui.js"></script>  // 注意看這里的兩行!!!
<link href="jquery-ui.css" rel="stylesheet">
</head>


<body>
 
date:<br>
<div id="datepicker"></div>
 
<script type="text/javascript">
$(function(){
	$('#datepicker').datepicker({'inline':true});
});
</script>
</body>
</html>

解決jQuery插件沖突的問題: 參考http://www.baba.io/article/22443.html

jQuery的寫法是 : 小寫的j, 大寫的Query, 即: jQuery.

stateful: 有狀態的,
review: 復習, 回顧; 審核, 審查; 評論, 評述 跟comment不同, 后者表示注釋, 注解, 對前面的話, 觀點進行解釋說明引申等

有很多框架, 都提供了自己的icon, 所以, 不要只是盯在某一個框架上, 在一個項目中 , 可以使用多個框架進行混合使用, 如jquery-ui框架, bootstarp框架等等.
但是, 隨便在哪個框架中, 對圖標的使用都是一樣的方法: 即使用span加icon類的方法: span.ui-icon.ui-icon-battery-1的方式.


使用 jquery-ui的心得體會:

  1. 使用jquery或jquery.min.js都可以
  2. 這里出現$: ErrorReference, $ is not defined . $ is undefined , 但是查看文件和路徑都正確, 為什么呢? 原來是html的標簽寫錯了: 導入腳本的標簽是script, 不是javascript, 那個是腳本的類型: text/javascript. 不是標簽的名稱. 所以寫script時,不必寫type什么的.
  3. 注意上面的寫法錯誤了: 是script, 不是javascript! 所以, 它認為沒有引入js文件, 所以就會提示 "找不到 $" 的錯誤
  4. 其實在 可視化的 編輯器中, 都有標簽的 顏色變化 顯示: 比如在plus'edit中, 甚至在vim中都有 :html標簽的 "顏色 高亮" 顯示, 所以在編輯代碼段時候, 要留心一點, 注意查看 標簽的 "顏色""高亮" 顏色的顯示, 如果html標簽的顏色顯示有錯誤, 或不同, 那就是有錯誤了! 如下圖所示:


chance: adj. 偶然的, 機會的; n. 機會; 僥幸, 偶然. v. 碰巧, 冒...險.
let it to chance: 聽天由命; jump at the chance : 抓住機會; take the chance : 冒險; chance the duck : 不顧后果; a sporting chance : 不能確定的結果; by sheer chance 純屬偶然, 碰狗屎運. on the chance of(that): 以期望..., on the off chance of... the ghost of chance ...一絲希望..


關於jquery日歷的使用, 你可以使用 接受/接收 日歷的選擇結果, 也可以不用接收選擇結果, 就是只有一個日歷顯示器就好了. 寫一個div, id=foo, 然后在srcipt標簽中, 使用datepicker方法就可以了, 如果你不想要其他jquery-ui的插件, 你可以只選擇你想要的插件, 在jquery-ui的官網上, 提供了 "自定義"下載, 如可以只選擇下載這里的datepicker plugin, 其他插件就不會下載, 在最下面的theme中, 選擇base或blue等主題, 就會產生相應的 jquery-ui.css文件.

jquery-ui的中文顯示:

y要引入一個漢化的js文件, zh-CN.js, 這個文件在github, 或在 jquery-ui的站點上都可以下載到. 或者在 jquery-ui-i18n.js(包含了全部的可用語言)中下載. 但是要注意, 需要有 return..., 最好還是用從github上下載的單獨的 zh-CN.js文件. 或者直接將下面的保存為zh-CN.js文件, 這個就是github上的js文件的內容


/* Chinese initialisation for the jQuery UI date picker plugin. */
/* Written by Cloudream (cloudream@gmail.com). */
( function( factory ) {
	if ( typeof define === "function" && define.amd ) {

		// AMD. Register as an anonymous module.
		define( [ "../widgets/datepicker" ], factory );
	} else {

		// Browser globals
		factory( jQuery.datepicker );
	}
}( function( datepicker ) {

datepicker.regional[ "zh-CN" ] = {
	closeText: "關閉",
	prevText: "&#x3C;上月",
	nextText: "下月&#x3E;",
	currentText: "今天",
	monthNames: [ "一月","二月","三月","四月","五月","六月",
	"七月","八月","九月","十月","十一月","十二月" ],
	monthNamesShort: [ "一月","二月","三月","四月","五月","六月",
	"七月","八月","九月","十月","十一月","十二月" ],
	dayNames: [ "星期日","星期一","星期二","星期三","星期四","星期五","星期六" ],
	dayNamesShort: [ "周日","周一","周二","周三","周四","周五","周六" ],
	dayNamesMin: [ "日","一","二","三","四","五","六" ],
	weekHeader: "周",
	dateFormat: "yy-mm-dd",
	firstDay: 1,
	isRTL: false,
	showMonthAfterYear: true,
	yearSuffix: "年" };
datepicker.setDefaults( datepicker.regional[ "zh-CN" ] );

return datepicker.regional[ "zh-CN" ];

} ) );


如果出現$ 沒有定義, 或者某些jqueryui 的函數沒有定義 , 請檢查jquery/ui 文件內容和文件名是否對應, 有時候, 會因為文件名稱修改錯誤造成的, 另外就是jquery的版本問題也要注意一下.

在windows的 回收站 中, 是不能使用 copy的, 只能使用 "還原".

在vim中要創建/打開新的文件時, 使用 :e 命令: 這里的e就是 edit 編輯的意思.
:enew: 創建新的文件, :e FILE_NAME打開文件.

在使用jquery函數 帶有{ key:value}格式的時候, 由於由於 有 冒號的分隔, 所以, 前面的key可以不用加 引號"", 直接就是 : key:'key_value'就好了.

注意要點:

  • images 中有多個表示圖標排列順序的圖片, 其中 圖片的數字555555, cc0000等表示的是圖標的顏色值. 如cc0000就是紅色的圖標, 所以 images文件夾不能刪 , 否則凡是需要圖標的地方, 都不會顯示圖標了.

  • jqueryui中的圖標, 表示的類, ui-icon-circle-triangle-e: 表示: 外面是一個circle圓, 里面是一個triangle三角形, e表示向右: ui-icon-circle-triangle-e.


HGST: Hi'tachi[hi't2tsi] global storage: 日立環球存儲科技. 日本東部的一個港口城市.
硬盤的主動保護系統: aps: active protection system. 是在ibm和蘋果的系統中才有的: 包括: 重力加速度感應器, 震動預測管理軟件, 將比較大的震動/碰撞及時收集到, 並由震動管理軟件所接收, 然后讓 "讀寫磁頭從工作區移動到 暫停區, 靜止區" 這樣就保護了硬盤的兩個重要的部件: 磁盤(不會被磁頭划傷)造成硬盤有壞道或壞的柱面; 讀寫機械臂不會被掛斷. 好的硬盤在前后兩面和四周有緩沖保護層, 使用橡膠做保護層, 同時金屬的外殼比塑料的保護性更好

正是因為, 機械硬盤容易被損壞, 所以現在的筆記本使用起來有很多問題: 要么開不起機, 要么速度非常慢. 這些都是由於硬盤有很多壞道, 有不少柱面被損壞. 都是由於在使用中不注意, 使用中震動太大造成的


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM