在 jquery 日历中选择日期时如何删除占位符值

Question

我有一个带有图标的 jquery 日历，单击该图标会用所选值填充文本框。但是，占位符“请选择一个日期”中已经有一个文本没有被删除，因此选择的日期和文本“请选择一个日期相互重叠”。选择日期后如何删除占位符中的值？

我的代码是：

<asp:TextBox ID="txtDate" runat="server" placeholder="Please select a date" data-constraints="@Required"  value="" ></asp:TextBox>
<span class="empty-message">*This field is required.</span>

Jquery 脚本是：

<script type="text/javascript">
    $(function () {
        $("[id$=txtDate]").datepicker({
            showOn: 'button',
            buttonImageOnly: true,
            buttonImage:'images/cal_icon.png'
        });
    });
</script>

This is how it looks like

Answer 1

您可以创建一个 .change 事件来检查字段中是否有任何输入：

    $("[id$=txtDate]").change(function(){
        if($(this).val() == ""){
            $(this).attr("placeholder", "Please select a date");
        }
        else{
            $(this).attr("placeholder", "");
        }
    });