javascript jquery datepicker - 计算日期差异
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/8901649/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
jquery datepicker - calculate date difference
提问by user1154830
I'm new at this and I really need your help because I've been struggling for days with this… I want to calculate days between two dates chosen with datepicker. Am I on the right track with this or am I doing this completely wrong? All I know is that when I click on Number of days, it doesn't show anything. Here is my code
我是新来的，我真的需要你的帮助，因为我已经为此苦苦挣扎了好几天……我想计算用 datepicker 选择的两个日期之间的天数。我是在正确的轨道上还是我这样做完全错误？我所知道的是，当我单击“天数”时，它不显示任何内容。这是我的代码
<!DOCTYPE html>
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
$(document).ready(function () {
$("#datepicker").datepicker({ minDate: "01/07/2012", maxDate: "01/30/2012" });
$("#datepicker1").datepicker({ beforeShow: setminDate });
var start1 = $('#datepicker');
function setminDate() {
var p = start1.datepicker('getDate');
if (p) {
var k ="01/30/2012";
return {
minDate: p,
maxDate:k
}};
}
function clearEndDate(dateText, inst) {
end1.val('');
}
});
$(function() {
$( "#datepicker1" ).datepicker({ dateFormat: 'mm/dd/yyyy' });
$( "#datepicker" ).datepicker({ dateFormat: 'mm/dd/yyyy' });
});
$('button').click(function() {
var start = $('#datepicker1').datepicker('getDate');
var end = $('#datepicker').datepicker('getDate');
var days = (end - start)/1000/60/60/24;
alert(days);
});
</script>
<body>
<form>
from:
<input id="datepicker" readonly='true'/><br>
to:
<input id="datepicker1" readonly='true'/><br>
</form>
<br><button>number of days</button>
</body>
</html>
回答by Diode
working for me after making this change
进行此更改后对我来说有效
var start = $('#datepicker').datepicker('getDate');
var end = $('#datepicker1').datepicker('getDate');
var days = (end - start)/1000/60/60/24;
alert(days);
jsfiddle: http://jsfiddle.net/diode/L2et3/3/
jsfiddle：http: //jsfiddle.net/diode/L2et3/3/
