給Dojo中DateTextBox設定預設日期

2022-05-14 14:42:00 字數 1313 閱讀 9231

前幾天用到dijit.form.datetextbox (version 1.6) ,用來做乙個常見的日期控制項,很簡單的應用,但是網路上關於dojo的資料並不多,有dojo toolkit 當做api文件來檢索,可是光禿禿的文字說明,不如真切的例項來的痛快。 下面和大家分享一下。

1.預設初始化當前日期:

var date = new date();

var day = date.getdate().tostring();

var year = date.getfullyear().tostring();

var month = (date.getmonth()+1).tostring();

var showdate =year+"-"+month+"-"+day;

this.starttime.editorwidget.setdisplayedvalue(showdate);

//修改時間2012-7-23 ,直接new date給控制項的value屬性,會根據當前style顯示當前日期。

new dijit.form.datetextbox(, value: new date()});

ps:一開始,我對這東東不懂啊,就掰著api文件來看,來回瀏覽了幾遍,靠著我得天獨厚的職業敏感,就是它啦。其實這個控制項缺省會選中當前日期,可是並不會顯示出來,通過使用firebug檢視,發現使用"yyyy-mm-dd"格式來處理日期值,然後直接丟給datetextbox就可以顯示當前日期了,很簡單的。

2.獲取日期控制項值(所見即所得):

一般的checkbox或者combobox控制項,它們的顯示機制,都是id-value形式,就和map(鍵值對)一樣的。我們在datetextbox的使用過程中,通過上一步setdisplayedvalue來設定預設顯示日期,同時可以通過datetextbox.displayedvalue來獲取當前的顯示內容,並且符合我們的日期格式。

後面會繼續和大家分享一些dojo的應用例項,互相進步。

2012-4-16

繼續分享:日期格式化

var startdate = this.startdate.get("value") || "";

if(startdate!="") );

}

2012-4-28

繼續分享:讓日期控制項只可選日期間隔內的日期值,之外的日期值不可選.

new dijit.form.datetextbox(,

value: 預設日期

});

檢視dojo api 官方demo : 地  址

Dojo中declare和define的區別

先看define。作用是定義乙個模組 module 這個模組可以被require引用,引用了之後就可以使用define裡面的東西。乙個模組想當然,裡面幹什麼事情,不一定全部自己實現。就像人要coding,除了腦子,也不能沒有電腦 鍵盤。因此,define的第乙個引數就是將要用到的其他模組引進來。第二...

Dojo中的選擇器

dom.byid 以前的dojo.byid 等同於js中的document.getelementbyid.byid中既可以傳遞乙個字串,也可以傳遞乙個節點物件 require dojo dom dojo domready function dom var one dom.byid one 通過字串 ...

dojo中tree的使用教程 一

已經基本了解了dojo中tree的使用,現在做一些比較經典的應用。先截個圖,展示一下總體的目標 大致就是左邊是一棵樹,右邊是一棵樹,然後使用者可以方便的選擇。好了,現在分步來實現,先是這個框架,tree測試 css 儲存為main.css html,body lefttree righttree a...