簡體   English   中英

jQuery datepicker-如何在datepicker文本框中隱藏文本?

[英]Jquery datepicker - How do we hide the text inside a datepicker textbox?

我有兩個並排的文本框。 第一個文本框是常規文本框。

第二個文本框是一個jQuery日期選擇器。 當用戶在日期選擇器中選擇日期時,我將選擇的值添加到第一個文本框中,並且我想隱藏日期選擇器選擇的日期的值。

我在下面是我的jquery 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;
        }
    });

在此先感謝您的幫助 :)

試試這個: 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>

有兩種方法可以做到這一點:

  1. 使textcolor與文本框的背景色相同。
  2. 使用onKeyPress事件,在每次擊鍵后從文本框中獲取值,並將其附加到頁面上其他位置(或javascript變量)的隱藏文本框中。

你嘗試過這個嗎?

$(".datePickerImage").text('');

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM