jQuery UI Datepicker onSelect清除输入值

Question

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

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

Answer 1

您可以使用beforeShow方法：

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

Fiddle

Answer 2

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

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

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

并修正日期格式，如上所示。

Working Demo

Answer 3

试试这个

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