jQuery UI日期选择器on选择输入的清除值

jQuery UI Datepicker onSelect clear value of input

本文关键字：输入 清除 选择 on UI 日期 选择器 jQuery      更新时间：2023-09-26

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

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

您可以使用beforeShow方法：

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

Fiddle

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

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

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

工作演示

试试这个

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