如何使用javascript显示日期差异并禁用旧日期

我的js有问题

我必须找出两天之间的差异，还必须禁用过去的日期

我尝试了许多脚本，但都有这些单独的功能。。就像过去的孤独。。或日期计算。。在我的工作中，我需要将这两种功能结合起来

我试了一些js

你可以在下面的链接中查看我的js

    [http://jsfiddle.net/w5eta8rm/2/][1]

请检查上面的链接。。我把两者结合起来了。。但无法使其发挥作用

我不需要警报功能。。我需要在日期选择器下面显示为文本

提前谢谢。

您可以查看

给出天数差异并在div中打印到日期选择器 合并过去和日期计算 选择dateFrom时，将启用dateTo HTML文件

---

请在问题中加入代码。将来你的链接可能会失效，这个问题对未来的用户将不会有用。嗨，先生，谢谢你的代码。它运行良好。但当我们再次尝试选择日期时，它不会重置。@Purushoth给你。更新答案。

<form method="post">
    <div height="100px">
    <br/>
    From: <input type="text" name="date_from" id="TxtFromDate" autocomplete="off" />
    To: <input type="text" name="date_to" id="TxtToDate" autocomplete="off" />
    </div>
    <div style="margin-top: 200px;" id="id_days"></div>
</form>

$(document).ready(function(){

    $("#TxtFromDate").datepicker({ 
        minDate: 0,
        maxDate:"+60D",
        numberOfMonths: 1,
        onSelect: function(selected,evnt) {
            var newDate=new Date($('#TxtFromDate').val());
            $("#TxtToDate").datepicker("destroy");
            $("#TxtToDate").datepicker({
                minDate: newDate,
                maxDate: "+60D",
                numberOfMonths: 1,
                onSelect: function(selected,evnt) {
                    var maxdate=new Date($('#TxtToDate').val());
                    var mindate=new Date($('#TxtFromDate').val());
                    var difference_ms=maxdate-mindate;
                    var days = Math.floor(difference_ms/(1000*60*60*24));
                    $('#id_days').empty();
                    $('#id_days').append("Diff date is: " + days).show();
                }
            });
        }
    })
});

<link rel="stylesheet" href="styles/jquery-ui.css" type="text/css" media="all" />
<link rel="stylesheet" href="styles/ui.theme.css" type="text/css" media="all" />

<script type="text/javascript" src="jquery/jquery.min.js"></script>
<script type="text/javascript" src="jquery/jquery-ui.min.js"></script>


<link href='http://fonts.googleapis.com/css?family=Ubuntu:400,500' rel='stylesheet' type='text/css'>

<script type="text/javascript">
$(document).ready(function(){
var $datepicker1 =  $( "#datepicker1" );
var $datepicker2 =  $( "#datepicker2" );

$datepicker1.datepicker({
    minDate: 0,
    maxDate: "+60D",
    numberOfMonths: 1,
    onSelect: function(selected) {
      $("#datepicker2").datepicker("option","minDate", selected)
    }
});

$datepicker2.datepicker({

    onClose: function() {
        var fromDate = $datepicker1.datepicker('getDate');
        var toDate = $datepicker2.datepicker('getDate');
        // date difference in millisec
        var diff = new Date(toDate - fromDate);
        // date difference in days
        var days = diff/1000/60/60/24;

        if (fromDate > toDate) {
            $("#datepicker1").val('');
            $("#datepicker2").val('');
            alert("From Date Is Less Than To Date");
            $('input:text[id$=id_days]').val();
        }
        else {
            $('input:text[id$=id_days]').val(days);
        }  

    }
});
});


<input type="text" name="noof_days" id="id_days" autocomplete="off" class="back"  onkeyup="total()" style="border:none; color:#333;" />