jQuery UI Datepicker onSelect 清除输入值答案

【问题标题】：jQuery UI Datepicker onSelect clear value of inputjQuery UI Datepicker onSelect 清除输入值
【发布时间】：2014-09-17 10:19:27
【问题描述】：

我的输入字段有一个默认的value，我想在用户单击日期后立即清除它。我尝试使用onSelect 事件来执行此操作，但它不起作用，因为它还会清除选定的（新）日期。任何帮助将不胜感激。

$("#date-input").datepicker({showAnim: 'slideDown', dateFormat: 'MMMM Do, YYYY', onSelect: function() {
        $('#date-input').val("");
    }});

【问题讨论】：

标签： javascript jquery jquery-ui datepicker

【解决方案1】：

你可以使用beforeShow方法：

 $("#date-input").datepicker({
       showAnim: 'slideDown', 
       dateFormat: 'mm/dd/yy',
       beforeShow: function(){
           this.value='';
     }
 });

Fiddle

【讨论】：

【解决方案2】：

而不是清除日期onSelect 尝试focus 事件：

 $('#date-input').focus(function(){
    $(this).val("");
 });

 $("#date-input").datepicker({ dateFormat: 'mm/dd/yy'  });

以及正确的日期格式，如上所示。

Working Demo

【讨论】：

【解决方案3】：

试试这个

$('#DateInput').datepicker({
            showAnim: 'slideDown',
            dateFormat: 'mm/dd/yy',
            onSelect: function () {
                var selectedDate = $(this).val();
                $('#DateInput').val("");
                $('#DateInput').val(selectedDate);
            }
        });

【讨论】：