Jquery日期选择器-我们如何将文本隐藏在日期选择器文本框中

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

本文关键字:文本 选择器 日期 隐藏 我们 Jquery      更新时间:2023-09-26

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

第二个文本框是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;
        }
    });

提前感谢您的帮助:)

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

你试过这个吗?

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

有两种方法可以做到这一点:

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