Javascript 如何在我的MVC站点中制作ExtJs日期选择器?
我需要一个通过ExtJs在我的页面上的datepicker小部件 我在ExtJs中找到的所有内容都是 日期选择器和 问题是standart DatePicker看起来就像一个带有“今天”按钮的巨大日历。该示例提供了看起来像我想要的选择器(文本框字段和日历随需应变),但它在这里的面板中工作。我不想创建面板只是为了显示一个日期选择器。此示例非常匹配-我也需要startdate和enddate,但此面板是sux。我只想要两个没有面板的独立选择器 据我所知,standart datepicker的想法是,在页面上创建textbox,然后制作一个ExtJs脚本,在textbox单击或类似的操作中显示datepickerJavascript 如何在我的MVC站点中制作ExtJs日期选择器?,javascript,asp.net-mvc,asp.net-mvc-2,extjs,datepicker,Javascript,Asp.net Mvc,Asp.net Mvc 2,Extjs,Datepicker,我需要一个通过ExtJs在我的页面上的datepicker小部件 我在ExtJs中找到的所有内容都是 日期选择器和 问题是standart DatePicker看起来就像一个带有“今天”按钮的巨大日历。该示例提供了看起来像我想要的选择器(文本框字段和日历随需应变),但它在这里的面板中工作。我不想创建面板只是为了显示一个日期选择器。此示例非常匹配-我也需要startdate和enddate,但此面板是sux。我只想要两个没有面板的独立选择器 据我所知,standart datepicker的想法是
我不是ExtJs方面的专家,有人可以在Asp Net MVC中演示如何通过ExtJs处理日期的示例吗?如果您不想在日期选择器中使用
按钮,您只需在创建日期选择器时使用
对于不在面板内的日期选择器,只需不要在示例中使用FormPanel
,并创建定义以下内容的日期选择器:
您可以测试我在中创建的示例。您不能使用CSS隐藏“面板”吗?非常感谢。你的样品真的帮了我的忙。我知道这已经晚了。。但是这在ExtJS4.2中仍然有效吗?@rahsta9是的,它确实有效。只要检查我发布的JSFIDLE并更改导入的ExtJS版本,您就会看到它与新的日期字段一起工作。
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
});
Start Date: <input id="tbStartDt"></input>
End Date: <input id="tbEndDt"></input>