給Dojo中DateTextBox設定預設日期

前幾天用到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中DateTextBox設定預設日期

Dojo中declare和define的區別

Dojo中的選擇器

dojo中tree的使用教程一

給Dojo中DateTextBox設定預設日期

Dojo中declare和define的區別

Dojo中的選擇器

dojo中tree的使用教程 一

相關推薦

dojo中tree的使用教程一