Jquery datepicker - 我们如何在datepicker文本框中隐藏文本?

时间:2015-02-04 11:50:03

标签: javascript jquery css datepicker

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

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

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

提前感谢您的帮助:)

3 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

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

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

答案 2 :(得分:0)

你试过这个吗?

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