遇到开始和结束日期验证问题

时间:2013-04-01 05:21:11

标签: jquery datepicker

这是我的代码..

<html>
  <script src='jquery-1.3.2.min.js' type='text/javascript'></script>
  <script src='jquery-ui-1.7.3.min.js' type='text/javascript'></script>
  <script src='jquery-ui-1.7.3.custom.min.js' type='text/javascript'></script>

<script type="text/javascript">
$(document).ready(function(){
    $("#startDate").datepicker({
        changeMonth: true,
        changeYear: true,
        onSelect: function(selected) { 
          $("#endDate").datepicker("option","minDate", selected)
        }
    });
    $("#endDate").datepicker({
        changeMonth: true,
        changeYear: true,
        onSelect: function(selected) { 
          $("#startDate").datepicker("option","minDate", selected)
        }
    });
});
</script>

<input type='text' name='startDate' id='startDate' />
<input type='text' name='endDate' id='endDate' />

</html>

一旦我选择了起始数据为04/11/2013,endDate datepicker允许选择大于“10/20/2018”的日期,即2018年10月20日。我不确定是什么问题。我甚至试图用一些静态日期替换所选的,但我没有帮助我。

请帮我解决这个问题。 提前谢谢。

1 个答案:

答案 0 :(得分:0)

您可以使用以下代码。

$('#startDate').removeClass('hasDatepicker').datepicker(
{
    dateFormat: 'yy-mm-dd',
    changeMonth: true,
    changeYear: true,
    onSelect: ChangeEndDate
});

function ChangeEndDate()
{
    var d = $("#startDate").datepicker('getDate');
    $('#endDate').removeClass('hasDatepicker').datepicker(
    {
        minDate: d,
        dateFormat: 'yy-mm-dd',
        changeMonth: true,
        changeYear: true,
        onSelect: firstOfNextMonth
    });
}