Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.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 比较使用日期选择器的两个日期_Javascript_Jquery_Datepicker - Fatal编程技术网

Javascript 比较使用日期选择器的两个日期

Javascript 比较使用日期选择器的两个日期,javascript,jquery,datepicker,Javascript,Jquery,Datepicker,我有一个表单,它有两个日期字段。我试图从两个输入中选择日期,并将它们与JQuery进行比较。我遇到的问题是它返回NaN 我想可能是因为日期上的typeof返回字符串 $('#id_date_completed').change(function() { date_received = $("#id_date_received").val(); date_completed = $("#id_date_completed").val(); var diff = dat

我有一个表单,它有两个日期字段。我试图从两个输入中选择日期,并将它们与JQuery进行比较。我遇到的问题是它返回NaN

我想可能是因为日期上的typeof返回字符串

$('#id_date_completed').change(function() {
    date_received = $("#id_date_received").val(); 
    date_completed = $("#id_date_completed").val(); 

    var diff = date_completed - date_received;
    var days = diff / 1000 / 60 / 60 / 24;

    console.log(days);
}
编辑


我的问题与我使用的bootstrap datepicker库不同。Arun P Johny的答案非常完美

问题是。val将返回一个字符串,因此接收日期和完成日期都是字符串值,因此减去它们将返回NaN

相反,您可以使用

$id\u date\u received,id\u date\u completed.datepicker; $“按钮”。单击功能{ var date_received=$id_date_received.datepicker'getDate'; var date_completed=$id_date_completed.datepicker'getDate'; var diff=完成日期-收到日期; var天数=差异/1000/60/60/24; $'span'.textdays } 测验
你使用的是jquery ui datepickerI吗?我知道这不是答案,但在处理时间时,momentJS确实无效。你需要先将它们转换为Date对象。我使用的是bootstrap DatePicker,可能是感谢回复的副本。这说明了为什么它不起作用。虽然我已经实现了这一点,但现在已经越来越多。未捕获的TypeError:$..datepicker不是一个函数datepicker仍然可以工作though@Mantis可能是您正在使用不同的datepicker插件。。。哪个是使用的插件。。您能否两次共享指向其文档的链接i hade referenced bootstrap-datepicker.js。一旦我取下一个,它就开始工作了。谢谢你的帮助