2015-02-04 2 views
0

У меня есть два текстовых поля рядом. Первое текстовое поле является обычным текстовым полем.JQuery datepicker - Как скрыть текст внутри текстового поля datepicker?

Вторым текстовым полем является jquery datepicker. Когда пользователь выбирает дату в datepicker, я добавляю выбранное значение в первое текстовое поле, и я хотел бы скрыть значение даты datepickers, выбранной.

Я ниже мой jqery datepicker js, но не работает должным образом.

var $dataDescriptionTextBox = $("#descriptionTextbox"); 
$(".datePickerImage").datepicker({ 
     onSelect: function(dateText, thisObject) { 
      thisObject.input[0].value = ""; 
      var desc = $dataDescriptionTextBox.val(); 
      var newDesc = desc + dateText; 
      $dataDescriptionTextBox.val(newDesc); 
      return false; 
     } 
    }); 

Заранее спасибо за помощь :)

ответ

1

Попробуйте это: http://jsfiddle.net/lotusgodkk/D4AGz/342/

JS:

$("#datepicker").datepicker({ 
    altField: "#alt" 
}); 
$('#datepicker').on('change', function() { 
    $(this).val(""); 
}); 

HTML:

<p>Date: 
    <input id="datepicker" type="text" /> 
    <input id="alt" type="text" /> 
</p> 
+0

я на самом деле нужно, чтобы получить значение DatePicker, так что я могу добавить выбранную дату первого текстового поля. Ваш пример заменяет значения первого текстового поля - не добавляя значения. – bananaCute

+0

Я немного изменил код js, чтобы удовлетворить результат, который я хотел http://jsfiddle.net/johngarcia25/D4AGz/355/ – bananaCute

0

два способа сделать это:

  1. сделать TextColor такой же, как цвет фона текстового поля.
  2. Используя OnKeyPress событие, после того, как каждое нажатие клавиши принимает значение от вашего текстового поля, и добавить его в скрытом текстовом поле вы получили в другом месте на странице (или переменная JavaScript.
Смежные вопросы