Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/454.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.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以n月n年格式显示仅月-年范围持续时间的差异_Javascript_Jquery_Jquery Ui_Jquery Ui Datepicker - Fatal编程技术网

Javascript 使用Jquery DatePicker以n月n年格式显示仅月-年范围持续时间的差异

Javascript 使用Jquery DatePicker以n月n年格式显示仅月-年范围持续时间的差异,javascript,jquery,jquery-ui,jquery-ui-datepicker,Javascript,Jquery,Jquery Ui,Jquery Ui Datepicker,目前,我正在建设一些应用程序,我需要采取用户选择的月份和年份范围的差异,但它不为我工作 我只是得到用户选择的日期,而不是差异。日期选择器方法给出当前系统日期 我想要的是 from date: Aug-2016 To date: Sep-2017 Difference: 1 month 1 year 及 有什么建议吗 $(“#从,#到”).datepicker({ 变化月:对, 变化年:是的, showButtonPanel:是的, 日期格式:“MM yy”, onClose:函数(dateT

目前,我正在建设一些应用程序,我需要采取用户选择的月份和年份范围的差异,但它不为我工作

我只是得到用户选择的日期,而不是差异。日期选择器方法给出当前系统日期

我想要的是

from date: Aug-2016
To date: Sep-2017
Difference: 1 month 1 year

有什么建议吗

$(“#从,#到”).datepicker({
变化月:对,
变化年:是的,
showButtonPanel:是的,
日期格式:“MM yy”,
onClose:函数(dateText,inst){
var month=$(“#ui datepicker div.ui datepicker month:selected”).val();
var year=$(“#ui日期选择器div.ui日期选择器year:selected”).val();
$(此).datepicker('setDate',新日期(年、月、1));
},
显示前:功能(输入、安装){
if((datestr=$(this.val()).length>0){
年份=datestr.substring(datestr.length-4,datestr.length);
month=jQuery.inArray(datestr.substring(0,datestr.length-5),$(this.datepicker('option','monthNames'));
$(this).datepicker('option','defaultDate',新日期(年,月,1));
$(此).datepicker('setDate',新日期(年、月、1));
}
var other=this.id==“from”?“to”:“from”;
var option=this.id==“from”?“maxDate”:“minDate”;
if((selectedDate=$(other.val()).length>0){
年份=selectedDate.substring(selectedDate.length-4,selectedDate.length);
month=jQuery.inArray(selectedDate.substring(0,selectedDate.length-5),$(this.datepicker('option','monthNames');
$(this).datepicker(“选项”,选项,新日期(年、月、1));
}
}
});      
//按钮点击功能
$(“#btnShow”)。单击(函数(){
if($(“#from”).val().length==0 | |$(“#to”).val().length==0){
警报(“所有字段均为必填项”);
}否则{
警报('所选月份范围:'+$(“#从”).val()+'到'+$(“#到”).val());
}
});
.ui日期选择器日历{
显示:无;
}

从…起
到

请找到下面提到的解决方案。在这里,您可以找到月数范围之间的差异

$(文档).ready(函数(){
$(“#from”).datepicker({
日期格式:“yy mm”,
变化月:对,
变化年:是的,
showButtonPanel:是的,
显示前:功能(输入、安装){
if(!$(this.val()){
$(此).datepicker('setDate',新日期(inst.selectedYear,inst.selectedMonth,1)).trigger('change');
}
},
onClose:函数(dateText,inst){
$(此).datepicker('setDate',新日期(inst.selectedYear,inst.selectedMonth,1));
$(“#到”).datepicker(“选项”{minDate:新日期(inst.selectedYear,inst.selectedMonth,1)})
}
});
$('#from').datepicker('setDate',new Date());
$('#to')。日期选择器({
日期格式:“yy mm”,
变化月:对,
变化年:是的,
showButtonPanel:是的,
onClose:函数(dateText,inst){
$(此).datepicker('setDate',新日期(inst.selectedYear,inst.selectedMonth,1)).trigger('change');
}
});
$(“#btnShow”)。单击(函数(){
if($(“#from”).val().length==0 | |$(“#to”).val().length==0){
警报(“所有字段均为必填项”);
}否则{
var startDay=新日期($(“#from”).val();
var endDay=新日期($(“#至”).val();
var date2_UTC=新日期(Date.UTC(endDay.getUTCFullYear(),endDay.getUTCMonth());
var date1_UTC=新日期(Date.UTC(startDay.getUTCFullYear(),startDay.getUTCMonth());
var months=date2_UTC.getMonth()-date1_UTC.getMonth();
如果(月数<0){
date2_UTC.setFullYear(date2_UTC.getFullYear()-1);
月数+=12;
}
var years=date2_UTC.getFullYear()-date1_UTC.getFullYear();
如果(年数>0){
如果(月数>0)
$(“#result').html(年+年+月+月);
其他的
$(“#result').html(years+“year”);
}否则{
$('#result').html(月+“月”);
}
}
});
});
.ui日期选择器日历{
显示:无;
}

.ui日期选择器日历{显示:无;}
从…起
到

/我通过使用
($(“#from”).val()和($(“#to”).val()在这里输入“from”和“to”日期。但是如果使用
$(“#from”).datepicker.
('getDate')或$(“#to”).datepicker('getDate date'),我只能获取系统日期。因此我无法使用getMonth()、getFullYear()
方法,因为它们还返回系统月份和年份。非常感谢您的任何建议。
gr8..bro.是否可以将字段留空,让用户选择日期,如果单击“当前”,则将采用当前日期。就像您已将其设置为“当前日期”。有任何建议吗
from date: Aug-2017
To date: Oct-2017
Difference: 2 month