jquery - JQuery UI DatePicker 将日期更改为文本

Question

我在我的网站上添加了一个 JQuery UI 日期选择器，并希望删除显示的文本，例如显示“选择日期...”的日期，如果可以的话，这可能吗？因为我试图在 javascript 中更改它，但没有运气。

Answer 1

有多种方法。

1）通过将颜色设置为白色使文本在 CSS 中“不可见”

#datepicker{
   color: #FFFFFF;
}

2）捕获日期选择器事件（onSelect），将日期保存在变量/隐藏输入中并从日期选择器元素中删除值

$(function() {
    $('#datepicker').datepicker( {
        onSelect: function(date) {
            // Save date in variable
            var datevariable = date;

            // Or save the date in a hidden input field
            $('#hidden-input').val(date);

            // Clear the input of the datepicker
            $('#datepicker').val('Select date...');
        }
    });
});

3) 使用单独的元素或图标作为触发器来激活日期选择器，并通过设置 display: none 使实际输入元素不可见。