2016-01-02 3 views
0

Я нашел это datepicker in this thread.Получение jQuery var из текста ввода

$(function() { 
    var startDate; 
    var endDate; 

    var selectCurrentWeek = function() { 
     window.setTimeout(function() { 
      $('.week-picker').find('.ui-datepicker-current-day a').addClass('ui-state-active') 
     }, 1); 
    } 

    $('.week-picker').datepicker({ 
     showOtherMonths: true, 
     selectOtherMonths: true, 
     onSelect: function (dateText, inst) { 
      var date = $(this).datepicker('getDate'); 
      startDate = new Date(date.getFullYear(), date.getMonth(), date.getDate() - date.getDay()); 
      endDate = new Date(date.getFullYear(), date.getMonth(), date.getDate() - date.getDay() + 6); 
      var dateFormat = inst.settings.dateFormat || $.datepicker._defaults.dateFormat; 
      $('#startDate').text($.datepicker.formatDate(dateFormat, startDate, inst.settings)); 
      $('#endDate').text($.datepicker.formatDate(dateFormat, endDate, inst.settings)); 

      selectCurrentWeek(); 
     }, 
     beforeShowDay: function (date) { 
      var cssClass = ''; 
      if (date >= startDate && date <= endDate) 
       cssClass = 'ui-datepicker-current-day'; 
      return [true, cssClass]; 
     }, 
     onChangeMonthYear: function (year, month, inst) { 
      selectCurrentWeek(); 
     } 
    }); 

    $('.week-picker .ui-datepicker-calendar tr').live('mousemove', function() { 
     $(this).find('td a').addClass('ui-state-hover'); 
    }); 
    $('.week-picker .ui-datepicker-calendar tr').live('mouseleave', function() { 
     $(this).find('td a').removeClass('ui-state-hover'); 
    }); 
}); 

Как я могу установить startDate и endDate в моем входном тексте? Я пробовал с id="startDate" и id="endDate". Он работает для тега span, но не для ввода.

<input name="startDate" type="text" id="startDate" required> 
<input name="endDate" type="text" id="endDate" required> 
+0

Если мой ответ не поможет, дайте мне знать. Если это поможет, пожалуйста, отметьте это как принято. – MrUpsidown

ответ

1

Использование .val()http://api.jquery.com/val/

$('#startDate').val('something'); 
+0

Простите мою задержку. Как я уже видел, val() работает для получения значений, а не для их установки. Я прав? –

+0

Я даю вам пример и ссылку, объясняющую, что он делает: * Получить текущее значение первого элемента в наборе согласованных элементов ** или установить значение каждого совпадающего элемента **. * – MrUpsidown

+0

Любая причина для downvote ? – MrUpsidown

Смежные вопросы