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

标签 javascript datepicker

我的js有问题

我必须找到两天之间的差异并且还必须禁用过去的日期..

我尝试了很多脚本,但所有脚本都分别具有这些功能..就像过去单独禁用..或日期计算..我需要在我的工作中将这两个功能结合在一起。

我尝试了一些 js

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

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

请检查上面的链接..我将它们结合起来..但无法使其工作..

我不需要警报功能..我需要将其显示为日期选择器下方的文本。

提前致谢。

最佳答案

可以查看 here in jsfiddle

  • 给出日期差异并在 div 中打印到日期选择器
  • 结合过去单独禁用和日期计算
  • dateTo 在您选择 dateFrom 时启用

HTML 文件

<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>

JS文件

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

关于javascript - 如何使用javascript显示日期差异并禁用旧日期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27019679/

相关文章:

javascript - Angular UI Datepicker 没有在 Dates-Disabled 函数中接收更新的范围变量

twitter-bootstrap - Bootstrap 3.0 RC1 兼容的日期选择器

javascript - 列表复选框更改事件在 jquery 中不触发

javascript - 一键调用PHP和对话框

javascript - 使用javascript更改文本的值,以及HTML页面中表格内单元格的背景颜色

javascript - 如何使用 Angular js在文本框上显示日期日历?

jquery - 日期选择器 onSelect

javascript - datepicker OnSelect 不工作,当它有 multidatepicker

javascript - 如何使用javascript按组对数组进行排序?

javascript - 未捕获的类型错误 : Cannot set property 'onchange' of null