Question

我正在使用bootstrap来选择日期，并希望在用户选择日期时隐藏它。这是我的日期选择代码

<div class="form-group">
    <input type="date" class="form-control datepicker" datepicker id="startdate2"  placeholder=" Due Date" name="due_date" >
</div>

<div class="form-group">
    <input type="date" class="form-control datepicker" datepicker id="startdate" placeholder=" Expire Date" name="expiry_date" >
</div>

并试图通过使用此代码隐藏。任何人都可以帮助我了解它如何正常工作。

<script>
    $(document).ready(function () {
        $('#startdate2').datepicker({
            format: "dd/mm/yyyy",
            autoclose: true
        });

        $('#startdate').datepicker({
            format: "dd/mm/yyyy"
        }).on('change', function () {
            $('.datepicker').hide();
        });
    });
</script>

提前致谢。非常感谢。

Answer 1

您可以使用您可以使用事件changedate()：

$('#startdate2').on('changeDate', function(ev){
    $(this).datepicker('hide');
});

$(document).ready(function () {
        $('#startdate2').datepicker({
            format: "dd/mm/yyyy",
            autoclose: true
        }).on('changeDate', function () {
            $('.datepicker').hide();
        });

        $('#startdate').datepicker({
            format: "dd/mm/yyyy"
        }).on('changeDate', function () {
            $('.datepicker').hide();
        });
    });

如果无效，请尝试blur()而不是hide()：

$(this).blur();

如何在选择日期后隐藏日期选择器

1 个答案: