Bootstrap 3 Datetimepicker自动提交

Bootstrap 3 Datetimepicker auto submit

本文关键字：提交 Datetimepicker Bootstrap      更新时间：2023-09-26

通过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();
  });

尝试

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

由于一个错误，不得不恢复当前版本。文档已更新。

答案可以在文档中找到：http://xdsoft.net/jqplugins/datetimepicker/

使用onChangeDateTime选项：

$('#datepicker').datetimepicker({
  onChangeDateTime: function(dp,$input){
    $('#dateform').submit();
  }
});
相关文章：