Jquery datepicker - 我们如何隐藏 datepicker 文本框内的文本？

Question

我有两个并排的文本框。第一个文本框是常规文本框。

第二个文本框是 jquery 日期选择器。当用户在日期选择器中选择日期时，我将所选值添加到第一个文本框，我想隐藏日期选择器所选日期的值。

下面是我的 jquery 日期选择器 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;
        }
    });

提前感谢您的帮助:)

Answer 1

您可以通过两种方式做到这一点：

使文本颜色与文本框的背景颜色相同。
使用 onKeyPress 事件，在每次击键后从文本框中获取值，并将其附加到页面其他位置的隐藏文本框中（或 javascript 变量。

Answer 2

你试过吗？

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

Answer 3

试试这个：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>

Jquery datepicker - 我们如何隐藏 datepicker 文本框内的文本？

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

javascript

css

jquery

datepicker