Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/473.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery datepicker-计算日期差_Javascript_Jquery - Fatal编程技术网

Javascript jquery datepicker-计算日期差

Javascript jquery datepicker-计算日期差,javascript,jquery,Javascript,Jquery,我是新手,我真的需要你的帮助,因为我已经为此奋斗了好几天… 我想计算使用datepicker选择的两个日期之间的天数。我是在正确的轨道上,还是完全错了?我所知道的是,当我点击天数时,它不会显示任何内容。这是我的密码 <!DOCTYPE html> <html> <head> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/j

我是新手,我真的需要你的帮助,因为我已经为此奋斗了好几天… 我想计算使用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>

$(文档).ready(函数(){
$(“#datepicker”).datepicker({minDate:“01/07/2012”,maxDate:“01/30/2012”});
$(“#datepicker1”).datepicker({beforeShow:setminDate});
var start1=$(“#日期选择器”);
函数setminDate(){
var p=start1.datepicker('getDate');
如果(p){
var k=“01/30/2012”;
返回{
minDate:p,
最大日期:k
}};         
}           
函数clearEndDate(dateText,inst){
end1.val(“”);
}  
});
$(函数(){
$(“#datepicker1”).datepicker({dateFormat:'mm/dd/yyyy'});
$(“#datepicker”).datepicker({dateFormat:'mm/dd/yyyy'});
});
$(“按钮”)。单击(函数(){
var start=$('#datepicker1')。datepicker('getDate');
var end=$('#datepicker')。datepicker('getDate');
风险值天数=(结束-开始)/1000/60/60/24;
警报(天);
});
发件人:

致:

天数
更改后为我工作

    var start = $('#datepicker').datepicker('getDate');
    var end   = $('#datepicker1').datepicker('getDate');
    var days   = (end - start)/1000/60/60/24;
    alert(days);

jsiddle:

首先更正页面上的脚本包含顺序首先应该包含
jquery.js
,然后使用jqueryare start和end get值包含其他js文件/lib?它们是日期还是整数?任何地方都有例外吗?我可以在你的链接上看到这对你有效,但当我将完全相同的内容复制到我的文档中时,它就不起作用了。我是否应该更改beteween和$(document).ready(function()?我看到这个警告event.layerX和event.layerY在WebKit中被破坏和弃用。它们将在不久的将来从引擎中删除我必须使用Math.round(days)来获得完整的天数