如何在我的MVC網站中製作ExtJs DatePicker？

我需要我的那works like this頁面通過ExtJS的一個日期選擇器插件。如何在我的MVC網站中製作ExtJs DatePicker？

所有我在ExtJS的發現是的DatePicker和This sample with pickers

的問題是，非標準的DatePicker看起來像剛剛與「今天」按鈕，一個巨大的日曆。該示例給出了看起來像我想要的選擇器（文本框字段和日曆按需），但它在面板中工作。我不想創建面板來顯示一個日期選擇器。這個示例非常好 - 我需要startdate和enddate，但是這個面板是sux。我只想要兩個獨立的選擇器，沒有任何面板。

據我所知非標準的日期選擇器的想法是，你在頁面上創建文本框，然後你做，你在展示點擊文本框或類似這樣的東西日期選擇器一個ExtJS的腳本。

我不是專家ExtJS的可能有人展示樣品如何與ASP網MVC通過ExtJS的日期工作？

來源

2010-09-11 Brian J. Hakim

你就不能隱藏「面板中的」使用CSS？ – JcMaltaDev 2010-09-11 13:25:23

如果您不想在datepickers中使用Today按鈕，只需在創建datePicker時使用showToday config option即可。

而對於DatePickers不被裏面的面板，只是不使用本例中的FormPanel和創建定義applyTo config option的datePickers：

var startdt = new Ext.form.DateField({ 
    applyTo: 'tbStartDt', // <-- here you say where it must be rendered 
    fieldLabel: 'Start Date', 
    name: 'startdt', 
    id: 'startdt', 
    vtype: 'daterange', 
    endDateField: 'enddt', // id of the end date field 
    showToday: false 
}); 

var enddt = new Ext.form.DateField({ 
    applyTo: 'tbEndDt', // <-- here you say where it must be rendered 
    fieldLabel: 'End Date', 
    name: 'enddt', 
    id: 'enddt', 
    vtype: 'daterange', 
    startDateField: 'startdt', // id of the start date field 
    showToday: false 
});

然後你html頁面需要有2個輸入與IDS：tbStartDt和tbEndDt，我們在上面定義的：

Start Date: <input id="tbStartDt"></input> 
End Date: <input id="tbEndDt"></input>

您可以測試我在jsfiddle.net/CrfvC/26/所做的例子。

來源

2010-09-13 23:55:30

非常感謝。你的樣品真的可以幫助我。 – 2010-09-15 05:38:45

我知道這是遲到..但這仍然工作在Ext JS 4.2？ – invictvs1 2014-05-15 17:04:49

@ rahsta9是的。只需檢查我發佈的jsfiddle並更改導入的Ext JS版本，就會看到它使用新的日期字段。 – 2014-05-15 17:25:52

如何在我的MVC網站中製作ExtJs DatePicker？

回答

相關問題