Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/asp.net-mvc/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在我的MVC站点中制作ExtJs日期选择器?_Javascript_Asp.net Mvc_Asp.net Mvc 2_Extjs_Datepicker - Fatal编程技术网

Javascript 如何在我的MVC站点中制作ExtJs日期选择器?

Javascript 如何在我的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在我的页面上的datepicker小部件

我在ExtJs中找到的所有内容都是 日期选择器和

问题是standart DatePicker看起来就像一个带有“今天”按钮的巨大日历。该示例提供了看起来像我想要的选择器(文本框字段和日历随需应变),但它在这里的面板中工作。我不想创建面板只是为了显示一个日期选择器。此示例非常匹配-我也需要startdate和enddate,但此面板是sux。我只想要两个没有面板的独立选择器

据我所知,standart datepicker的想法是,在页面上创建textbox,然后制作一个ExtJs脚本,在textbox单击或类似的操作中显示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>