Javascript jQuery，HTML，如何获取两个日期之间的天数并发布它

对于我的datepicker，我有jquery-1.10.2.js和jquery-ui-1.10.4.js，我试图简单地将datepicker1和datepicker2之间的天数放在它旁边的一个框中

在我的wordpress页面上，我有：

<script type="text/javascript">
$(function() {
    $( "#datepicker1" ).datepicker({ minDate: 0, dateFormat: "MM d, yy" });
});
</script><script type="text/javascript">
$(function() {
    $( "#datepicker2" ).datepicker({ minDate: 0, dateFormat: "MM d, yy" });
});
</script>

$（函数（）{
$（“#datepicker1”）.datepicker（{minDate:0，dateFormat:“MM d，yy”}）；
});
$（函数（）{
$（“#datepicker2”）.datepicker（{minDate:0，dateFormat:“MM d，yy”}）；
});

用户只需更改日期即可：

<strong>Date</strong> 
<input id="datepicker1" type="text" name="datepicker1" value="" /> - 
<input id="datepicker2" type="text" name="datepicker2" value="" /> 
<input id="calculated" type="text" name="calculated" value="" /> Day(s)

日期
- 
天(s)

---

当用户更改日期时，我该怎么做？它显示“计算”中的差异？请注意，我是javascript新手，我一直在四处搜索，但没有任何帮助。

在这样的日子里，你会发现不同之处：

function dateDiffDays(d1, d2) {
    var t2 = d2.getTime();
    var t1 = d1.getTime();
    return parseInt((t2-t1)/(24*3600*1000));
}

var date1 = $("#datepicker1").datepicker("getDate");
var date2 = $("#datepicker2").datepicker("getDate");

var dateDiffInDays = dateDiffDays(date1, date2);

要将值放入“计算”输入字段：

$('#calculated').val(dateDiffInDays);

用于从datepicker获取日期对象，然后按如下方式找出差异：

JS:

 $(document).ready(function() {

    $( "#datepicker1" ).datepicker({ minDate: 0, dateFormat: "MM d, yy" });
    $( "#datepicker2" ).datepicker({ minDate: 0, dateFormat: "MM d, yy" });

    $('#datepicker2').on('keyup mouseup change', function(){
        var date1 = $('#datepicker1').datepicker( "getDate" );
        var date2 =  $('#datepicker2').datepicker( "getDate" );
        var timeDiff = Math.abs(date2.getTime() - date1.getTime());
        var diff = Math.ceil(timeDiff / (1000 * 3600 * 24)); 

         $('#calculated').val(diff);
    });
});

<strong>Date</strong> 
<input id="datepicker1" type="text" name="datepicker1" value="" /> - 
<input id="datepicker2" type="text" name="datepicker2" value="" /> 

<br><br>

<input id="calculated" type="text" name="calculated" value="" /> Day(s)

HTML:

 $(document).ready(function() {

    $( "#datepicker1" ).datepicker({ minDate: 0, dateFormat: "MM d, yy" });
    $( "#datepicker2" ).datepicker({ minDate: 0, dateFormat: "MM d, yy" });

    $('#datepicker2').on('keyup mouseup change', function(){
        var date1 = $('#datepicker1').datepicker( "getDate" );
        var date2 =  $('#datepicker2').datepicker( "getDate" );
        var timeDiff = Math.abs(date2.getTime() - date1.getTime());
        var diff = Math.ceil(timeDiff / (1000 * 3600 * 24)); 

         $('#calculated').val(diff);
    });
});

<strong>Date</strong> 
<input id="datepicker1" type="text" name="datepicker1" value="" /> - 
<input id="datepicker2" type="text" name="datepicker2" value="" /> 

<br><br>

<input id="calculated" type="text" name="calculated" value="" /> Day(s)

日期
- 



天(s)

---

我就是这样做的，假设DateTime的格式是DD/MM/YYYY

        var startDate = $("#startDate").val();
        var endDate = $("#endDate").val();

        var startDateSplit = startDate.split("/");
        var endDateSplit = endDate.split("/");

        var stDate = new Date(startDateSplit[2], (startDateSplit[0] - (1)), startDateSplit[1]);
        var enDate = new Date(endDateSplit[2], (endDateSplit[0] - (1)), endDateSplit[1]);

        var daysBetween = (enDate.getTime() - (stDate.getTime())) / (1000 * 60 * 60 * 24); // time in days

---

js库非常适合这样做OK，但是我如何将它放入我的HTML$（“#计算”）.val（dateDiffInDays）；如何将所有这些添加到我的页面中？我把你的代码放在中间，但它仍然没有显示dayshow的数量。我把它放在我的HTML中，我把所有这些放在一个标记之间，但仍然什么也没做。我怎么把它放在我的页面上？我试过了，当我点击提交时，它什么也没做。。。我也希望它没有提交按钮，所以它会自动显示差异我在我的网站上再次尝试，但没有工作，为什么这在我的网站上没有工作？我需要降级到jQueryUI1.9.2和jQuery1.9.1吗？这将起作用：