Question

我的代码：

<html>
<head>   
<script type="text/javascript">
$(function(){
    $("#datepicker1").datepicker({
        dateFormat: 'dd-mm-yy',
        onSelect: function(selected){
            $("#datepicker2").datepicker("option", "minDate", selected);
        }
    });

    $("#datepicker2").datepicker({
        dateFormat: 'dd-mm-yy'
    });
});

$(document).ready(function(){
    $('#reset').click(function(){
        $('#datepicker2').datepicker("option", "minDate", null);
    });
});
</script>

<body>
<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<table>
    <tr>
        <td>Start Date : </td>
        <td><input type="text" name="startdate" id="datepicker1" /></td>
    </tr>
    <tr>
        <td>End Date : </td>
        <td><input type="text" name="enddate" id="datepicker2" /></td>
    </tr>
    <tr>
        <td>
            <input type="submit" id="submit" name="submit" value="Add" />
            <input type="reset" id="reset" name="reset" value="Reset" /> 
        </td>
    </tr>
</table>
</form>
</body>

从上面的代码，请参考下图：

首先，我将选择开始日期为2015年12月7日，结束日期为2015年12月8日，之后我选择开始日期为2015年12月9日。我希望在选择开始日期时结束日期值为空是2015年12月9日。是否可以在Jquery中进行？有人能帮助我吗？

Answer 1

将脚本更改为：

$(document).ready(function(){
    $("#datepicker1").datepicker({
        dateFormat: 'dd-mm-yy',
        onSelect: function(selected){
            $("#datepicker2").datepicker("option", "minDate", selected);
        }
    });

    $("#datepicker2").datepicker({
        dateFormat: 'dd-mm-yy'
    });


    $("#datepicker1").focusout(function(){
         $('#datepicker2').val('');
    });


    $('#reset').click(function(){
        $('#datepicker2').datepicker("option", "minDate", null);
    });
});

jsfiddle

jquery datepicker设置结束日期值空白

1 个答案: