Javascript 如何在datefield中将日期的默认值设置为下周六?
在下面的代码中,如何将Value和minValue属性设置为下一个星期六 我想在datefield中,默认显示日期是星期六的日期。假设今天是2018年9月8日,默认值显示应该是2018年11月8日。您可以在Sencha fiddler中运行以下代码:Javascript 如何在datefield中将日期的默认值设置为下周六?,javascript,extjs,extjs5,Javascript,Extjs,Extjs5,在下面的代码中,如何将Value和minValue属性设置为下一个星期六 我想在datefield中,默认显示日期是星期六的日期。假设今天是2018年9月8日,默认值显示应该是2018年11月8日。您可以在Sencha fiddler中运行以下代码: Ext.application({ name: 'Fiddle', launch: function() { Ext.create('Ext.form.field.Date', { value: Ext.Date.ad
Ext.application({
name: 'Fiddle',
launch: function() {
Ext.create('Ext.form.field.Date', {
value: Ext.Date.add(new Date, Ext.Date.DAY, 6), // defaults to today
minValue: Ext.Date.add(new Date(), Ext.Date.DAY, 6),
renderTo: Ext.getBody()
});
}
});
下面是这样的工作版本:
Ext.application({
name: 'Fiddle',
launch: function() {
function getNextDayOfWeek(date, dayOfWeek) {
var resultDate = new Date(date.getTime());
resultDate.setDate(date.getDate() + (7 + dayOfWeek - date.getDay()) % 7);
return resultDate;
}
var nextSaturday = getNextDayOfWeek(new Date(), 6)
Ext.create('Ext.form.Panel', {
renderTo: Ext.getBody(),
width: 300,
bodyPadding: 10,
title: 'Date',
items: [{
xtype: 'datefield',
anchor: '100%',
fieldLabel: 'From',
name: 'from_date',
value: nextSaturday,
minValue: nextSaturday
}]
});
}
});
你可以在行动中看到它。关键是来自的
getNextDayOfWeek
函数。您需要为问题添加更多的上下文,以获得适当的回答。请查看Sencha Fiddle,也许可以添加一个演示,演示您想要达到的目的。我已经添加了详细信息。请帮忙。谢谢。我的回答有用吗?你能做你想做的吗?嗨,阿克里翁,非常感谢你。是的,确实有用。有没有办法把这个函数和变量放在这个Ext.Create对象中,因为我不是在应用程序中创建它的对象,而是像Ext.define一样定义('Ext.form.Panel',{……–@Akrion,一旦有机会请告诉我。我正在等待它在Ext.define中定义函数和变量{….类,因为这个Ext.Create(….)只是为了Sencha Fiddle的目的,仅在这里显示。但我将它定义为Ext.define('Ext.form.panel',{….blahHi Akrion,非常感谢。有没有办法将此函数和变量放入Ext.Create对象中,因为我不是在应用程序中创建它的对象,而是像Ext.define('Ext.form.Panel')一样定义,{……请看这篇文章。如果需要,您可以在应用程序外部或另一个文件中使用它。文件内部如何?因为我只是加载了这个类而没有初始化。请看这篇文章。在util
类中定义这个函数,然后如图所示使用它。