ALLOYUI Datepicker метод установки и получения

У меня есть два поля ввода: начальная дата и конечная дата.

<input type="text" id="startdate"/>
<input type="text" id="enddate"/>

Мне нужны две простые вещи

  1. При щелчке даты начала и выборе даты начала необходимо обновить дату окончания на +7 дней.

Требуемый формат: мм / дд / гггг

Поэтому, если дата начала любого щелчка с 01/01/2015, то есть с 1 января 2015 года, дата окончания должна автоматически устанавливаться с 01/08/2015.

  1. При выборе начальной даты мне нужно, чтобы конечная дата открывалась автоматически.

Библиотека datepicker, которую я использовал, - это ALLOYUI datepicker версии 3.0 http://alloyui.com/examples/datepicker/

Кто-нибудь может написать код, пожалуйста.

Ребята

<script>
            var datefrom;
        YUI().use(
  'aui-datepicker',
  function(Y) {
    datefrom = new Y.DatePicker(
      {
        trigger: '#dpfrom',
        popover: {
          zIndex: 1
        },
        calendar: {
                //maximumDate : new Date(today.getFullYear(),today.getMonth()+1,today.getDate()),
                minimumDate : new Date(),
                },

        on: {
            selectionChange: function(event) {

          }
        }
      }
    );
  }
);


    //console.log(james);

    </script>

Я обнаружил, что можно установить минимальную и максимальную дату, но все же у меня нет возможности установить дату окончания +7 дней на текущую дату.


datepicker liferay yui alloy-ui liferay-aui
person Vyas Ishan    schedule 05.11.2015    source источник
comment
Добро пожаловать в StackOverflow! Пожалуйста, покажите, что вы пробовали до сих пор. Этот сайт предназначен для вопросов и ответов, а не для просьб о том, чтобы другие сделали вашу работу за вас :)   -  person Russell    schedule 05.11.2015
comment
Привет, Рассел, ‹script› YUI (). Use ('aui-datepicker', function (Y) {new Y.DatePicker ({trigger: '#startdate', popover: {zIndex: 1}, Calendar: {maximumDate: ') 01.01.2016 '}, on: {selectionChange: function (event) {console.log (event.newSelection)}}});}); ‹/Script› Это сценарий, мне нужно, чтобы минимальная дата была как текущая, с помощью сплаваyui. # 2 При нажатии на дату начала, я хочу, чтобы в конце было 7 дней с сегодняшнего дня.   -  person Vyas Ishan    schedule 05.11.2015
comment
YUI (). Use ('aui-datepicker', function (Y) {new Y.DatePicker ({trigger: '#frmdate', popover: {zIndex: 1}, Calendar: {maximumDate: '01 / 01/2016 ') }, на: {selectionChange: function (event) {console.log (event.newSelection)}}});});   -  person Vyas Ishan    schedule 05.11.2015
comment
Отредактируйте исходный вопрос и отформатируйте код так, чтобы он был легко читаем для других. Помните, что вы хотите помогать другим помогать вам. Найдите время, чтобы написать и структурировать свой вопрос как можно яснее.   -  person Russell    schedule 05.11.2015
comment
@Russell, спасибо за помощь. Я добавил код.   -  person Vyas Ishan    schedule 05.11.2015
comment
Из-за AUI-1851 я не уверен, что ваш первый запрос будет работать. Однако я постараюсь найти обходной путь.   -  person stiemannkj1    schedule 07.11.2015

Ответы (1)


arrow_upward
0
arrow_downward

Пожалуйста, найдите мне похожий и рабочий. Пожалуйста, настройте его, если вам что-нибудь понадобится.

<input class="form-control" type="text" id="selecteddate" placeholder="Day, Mon dd, yyyy"></input>

YUI().use(
              'aui-datepicker',
              function(Y) {
                  var datepicker = new Y.DatePicker(
                  {
                    trigger: 'input',
                    popover: {
                      zIndex: 1
                    },
                    after: {
                      selectionChange: function(event) {                      
                            event.preventDefault();     
                            Y.log(datepicker.getSelectedDates());
                            var myDate=Y.DataType.Date.addDays(new Date(datepicker.getSelectedDates()),+6);                       
                            if (myDate.isValid()) {                         
                                $("#selecteddate").val(myDate);
                            }                           
                      }
                    }
                  }
                );
              }
            );


    Date.prototype.isValid = function () {
        // An invalid date object returns NaN for getTime() and NaN is the only
        // object not strictly equal to itself.
        return this.getTime() === this.getTime();
    };
person Shaan    schedule 21.03.2016