JS實現日曆控制項選擇後自動填充

2021-06-16 19:17:20 字數 2214 閱讀 1254

最近在做人事檔案的專案,在做專案的初期對b/s這塊不是很熟悉,感覺信心不是很強,隨著和師哥同組人員的交流後發現,除錯程式越來越好了,現在信心是倍增,只要自己自己踏實的去研究、理解**慢慢的效果就出來了。在做人事檔案時我要實現的乙個功能是 自己選擇日期後日期自動填充到文字框內後寫到資料庫,效果圖:

選擇日期後自動填充文字框:

通過網上資料和自己最近學習的知識巧妙的使用js輕鬆解決,並且使用到日曆控制項的地方只需引用一下js就行了,非常方便,**簡單,使用靈活,

**中引用js檔案:

在使用的過程中出了很多錯誤,加強了使用filebug,等各個瀏覽器自帶斷點除錯的方法,重新找回了c/s中斷點除錯的樂趣。

為了滿足客戶的可讀性,江江修改了js裡面的內容,方便使用者使用:

// ** i18n

calendar._dn = new array

("日",

"一",

"二",

"三",

"四",

"五",

"六",

"日");

calendar._mn = new array

("1月",

"2月",

"3月",

"4月",

"5月",

"6月",

"7月",

"8月",

"9月",

"10月",

"11月",

"12月");

// tooltips

calendar._tt = {};

calendar._tt["toggle"] = "切換周顯示方式";

calendar._tt["prev_year"] = "上一年 (按住滑鼠出下拉列表)";

calendar._tt["prev_month"] = "上一月 (按住滑鼠出下拉列表)";

calendar._tt["go_today"] = "到今日";

calendar._tt["next_month"] = "下一月 (按住滑鼠出下拉列表)";

calendar._tt["next_year"] = "下一年 (按住滑鼠出下拉列表)";

calendar._tt["sel_date"] = "選擇日期";

calendar._tt["drag_to_move"] = "拖動";

//calendar._tt["drag_to_move"] = "";

calendar._tt["part_today"] = " (今日)";

calendar._tt["mon_first"] = "首先顯示星期一";

calendar._tt["sun_first"] = "首先顯示星期日";

calendar._tt["close"] = "關閉";

calendar._tt["today"] = "今日";

// date formats

calendar._tt["def_date_format"] = "y-mm-dd";

calendar._tt["tt_date_format"] = "d, m d";

calendar._tt["wk"] = "周";

在前幾天與客戶溝通的過程當中,對於日期控制項一部分,自己沒有改正完整,有一些日期顯示為了英文,這個讓阿姨與大姐們看著很不舒服了,他們看不懂英文,提出:這個英文是啥,現在他們哪還懂這個……這個問題在於自己前期做好後沒有更深入的去為客戶著想,咱們作為開發人員應該把咱們的客戶懂一點英文的人都能使用,方便他們理解與工作,時時刻刻記住:公尺老師常說的為人民服務的宗旨,真正的使用的軟體開發中。

與客戶交流溝通過程中,發現最主要的是我們對他們的工作的性質、流程不熟悉造成對需求不是很明確,有時客戶自己對自己需要也不是很明確,需要我們需要先做出乙個簡單模型,讓他們再根據我們的簡單模型再來確實詳細的需求,現在對於自己來說客戶的需求時常改變,功能不定(新增)、軟體的拓展性與可維護性是我們努力的乙個方向,如何把軟體做活,還需要自己踏踏實實的學習(公尺老師說這是進步的地方),永和系統整體來說可拓展性與維護性是相當不錯的,有個這次真正的與客戶溝通的經驗收穫是蠻大的,很多知識等著我們去研究學習。

純JS指令碼如何實現日曆控制項

說明 複製下面 後,呼叫showcalendar inputbox inputbox表示文字框的id,就可實現超炫的日曆控制項啦,純指令碼的哦 jscript 檔案 var months new array 一月 二月 三月 四月 五月 六月 七月 八月 九月 十月 十一月 十二月 var days...

自動化測試中js處理日曆控制項

以一下element為例 注 dr為瀏覽器物件 思路1 先用js去掉唯讀屬性,然後直接輸入所需日期 用js去掉唯讀屬性方式一 js document.getelementbyid deadline removeattribute readonly dr.execute script js 用js去掉...

js實現div顯示2秒後自動消失

在做四象限的過程中會有提示的資訊,但是想讓提示資訊在一定的時間後自動隱藏。如上圖,2s後提示自動隱藏,怎麼做呢?利用settimeout settimeout 方法用於在指定的毫秒數後呼叫函式或計算表示式。語法settimeout code,millisec 提示和注釋 settimeout 只執行...