Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/409.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 如何在datefield中将日期的默认值设置为下周六?_Javascript_Extjs_Extjs5 - Fatal编程技术网

Javascript 如何在datefield中将日期的默认值设置为下周六?

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

在下面的代码中,如何将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.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
类中定义这个函数,然后如图所示使用它。