Как установить значение даты по умолчанию в следующую субботу в поле даты?

Как установить для свойств Value и minValue следующую субботу в следующем коде?

Я хочу, чтобы в поле даты по умолчанию отображалась дата субботы. Скажем, сегодня 08.09.2018, а значение по умолчанию должно быть 08.11.2018. Вы можете запустить приведенный ниже код в 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()
    });
  }
});

Вам нужно будет добавить больше контекста к вашему вопросу, чтобы получить достойный ответ. Загляните в Sencha Fiddle и, возможно, добавьте демонстрацию того, к чему вы пытаетесь добраться.

Akrion 09.08.2018 06:41

Я добавил деталь. пожалуйста, помогите с этим. Спасибо.

S M 09.08.2018 06:49

Помог ли мой ответ? Сможете ли вы делать то, что хотели?

Akrion 09.08.2018 07:59

Привет, Акрион, большое тебе спасибо. Да, это помогло. Есть ли способ поместить эту функцию и переменную в этот объект Ext.Create, потому что я не создаю его объект в приложении, а просто определяю как Ext.define ('Ext.form.Panel', {..... . -

S M 09.08.2018 08:24

@ Акрион, дайте мне знать, когда у вас появится шанс. Я жду, когда функция и переменная будут определены внутри класса Ext.define {...., потому что этот Ext.Create (....... предназначен только для целей Sencha Fiddle, только чтобы показать здесь. Но я определяя его как Ext.define ('Ext.form.panel', {.... blah

S M 09.08.2018 08:54
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
5
224
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вот рабочая версия чего-то вроде этого:

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, которая происходит от здесь.

Привет, Акрион, большое тебе спасибо. Есть ли способ поместить эту функцию и переменную в этот объект Ext.Create, потому что я не создаю его объект в приложении, а просто определяю как Ext.define ('Ext.form.Panel', {..... .

S M 09.08.2018 08:11
fiddle.sencha.com/#view/editor&fiddle/2kau см. Это. Вы можете разместить его вне приложения или в другом файле, если хотите.
Akrion 09.08.2018 16:55

А как насчет внутри файла? Потому что я просто загружаю этот класс без инициализации.

S M 09.08.2018 17:07

См. Этот пост stackoverflow.com/questions/30516310/…. Определите эту функцию в классе util, а затем используйте ее, как показано здесь.

Akrion 09.08.2018 18:03

Другие вопросы по теме