gpt4 book ai didi

javascript - Bootstrap 3 Datetimepicker 自动提交

转载 作者:行者123 更新时间:2023-11-29 15:35:48 25 4
gpt4 key购买 nike

我只是找不到通过 bootstrap 3 datetimepicker (Eonasdan) 选择日期后提交表单的方法无需单击按钮。我想知道这是否可能。请看看我的代码。

<div class="container">
<div class="row">
<div class='col-md-3'>
<form action="date.php" method="post" class="form">
<div class="form-group">
<div class='input-group dp1'>
<input type='text' class="form-control" name="startdate" id="start" >
<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
</div>
<button class="btn btn-primary">submit</button>
</div>
</form>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<p>
Startdate is <?php echo $startdate; ?>
</p>
</div>
</div>
</div>

这是JS代码:

<script type="text/javascript">
$(function () {
$('.dp1').datetimepicker({
format: 'DD-MM-YYYY',
showTodayButton: true
});

$("#dp1").on("change.dp", function() {
$('.form').submit();
});
});
</script>

如果有任何帮助或建议,我将不胜感激!

最佳答案

使用这段代码:

$('#input-date')
.datepicker()
.on('changeDate', function(e){
$('#formID').submit();
});

关于javascript - Bootstrap 3 Datetimepicker 自动提交,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29316540/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com