点击输入类型日期，但var $(#日期).Value为空

Question

<input type="date" class="form-control" id="date" name="date" required>

当我点击type="date"警报正在显现。我是怎样得到日期的呢?我点击日期输入。

<script>
$("#date").click(function () {
var date = $('#date').val(); 
if(date == ''){
alert('Error; Date is empty');
return;
}
$('#name').html('');
$('#name').html('<option>Select Name</option>');
$.ajax({
type:'post',
url: 'recording.php',
data : { date : date},
success : function(data){
$('#name').html(data);
}
});
});
</script>

Answer 1

在您的代码中，在您输入/选择日期之前，您必须单击输入字段，这将触发警报，日期为空。

您应该将事件更改为change而不是click，因此当更改发生时，请检查日期(更改将在输入失去焦点或输入输入内输入键时发生):

同样，在我们得到一个事件改变之后，在它里面，我们可以使用$(this)，这样我们就得到了当前被改变的元素，在这种情况下是#date。

<script>
$("#date").on('change', function() {
var date = $(this).val(); 
if(date == ''){
alert('Error; Date is empty');
return;
}
$('#name').html('');
$('#name').html('<option>Select Name</option>');
$.ajax({
type:'post',
url: 'recording.php',
data : { date : date},
success : function(data){
$('#name').html(data);
}
});
});
</script>