Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.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
JQuery月份滑块不工作_Jquery_Jquery Ui_Jquery Ui Slider - Fatal编程技术网

JQuery月份滑块不工作

JQuery月份滑块不工作,jquery,jquery-ui,jquery-ui-slider,Jquery,Jquery Ui,Jquery Ui Slider,我参考了这篇文章,试图创建一个没有范围的月滑块。我想删除这个滑块的范围,因为我只需要一个月和一年。请在下面找到我的更新代码 函数格式日期(日期){ var monthNames=[ “一月”、“二月”、“三月”, “四月”、“五月”、“六月”、“七月”, “八月”、“九月”、“十月”, “11月”、“12月” ]; var monthIndex=date.getMonth(); var year=date.getFullYear(); 返回月份[monthNames]+''''+年; } $(

我参考了这篇文章,试图创建一个没有范围的月滑块。我想删除这个滑块的范围,因为我只需要一个月和一年。请在下面找到我的更新代码

函数格式日期(日期){
var monthNames=[
“一月”、“二月”、“三月”,
“四月”、“五月”、“六月”、“七月”,
“八月”、“九月”、“十月”,
“11月”、“12月”
];
var monthIndex=date.getMonth();
var year=date.getFullYear();
返回月份[monthNames]+''''+年;
}
$(文档).ready(函数(){
$(“#范围滑块”).滑块({
射程:“分钟”,
最小值:新日期('2012-01-01T00:00:00')。getTime(),
最大值:新日期('2019-01-01T00:00:00')。getTime(),
步骤:86400000,
值:新日期('2015-03-01T00:00:00')。getTime(),
幻灯片:功能(事件、用户界面){
$(“#金额”).val(formatDate(新日期(ui.values[1]));
}
});
});


日期范围:

您希望获得“月-年”视图

试试这个:

函数格式日期(日期){
var monthNames=[
“一月”、“二月”、“三月”,
“四月”、“五月”、“六月”、“七月”,
“八月”、“九月”、“十月”,
“11月”、“12月”
];
var monthIndex=date.getMonth();
var year=date.getFullYear();
返回月份[monthNames]+''''+年;
}
$(函数(){
$(“#滑块范围”)。滑块({
范围:false,
最小值:新日期('2012-01-01T00:00:00')。getTime(),
最大值:新日期('2019-01-01T00:00:00')。getTime(),
步骤:86400000,
值:[新日期('2018-08-18T00:00:00')。getTime(),
幻灯片:功能(事件、用户界面){
$(“#金额”).val(formatDate(新日期(ui.values[0]));
}
});
$(“#amount”).val(formatDate((新日期($(“#滑块范围”).slider(“值”,0 ')));
});


日期范围:

您希望获得“月-年”视图

试试这个:

函数格式日期(日期){
var monthNames=[
“一月”、“二月”、“三月”,
“四月”、“五月”、“六月”、“七月”,
“八月”、“九月”、“十月”,
“11月”、“12月”
];
var monthIndex=date.getMonth();
var year=date.getFullYear();
返回月份[monthNames]+''''+年;
}
$(函数(){
$(“#滑块范围”)。滑块({
范围:false,
最小值:新日期('2012-01-01T00:00:00')。getTime(),
最大值:新日期('2019-01-01T00:00:00')。getTime(),
步骤:86400000,
值:[新日期('2018-08-18T00:00:00')。getTime(),
幻灯片:功能(事件、用户界面){
$(“#金额”).val(formatDate(新日期(ui.values[0]));
}
});
$(“#amount”).val(formatDate((新日期($(“#滑块范围”).slider(“值”,0 ')));
});


日期范围:

函数格式日期(日期){
var monthNames=[
“一月”、“二月”、“三月”,
“四月”、“五月”、“六月”、“七月”,
“八月”、“九月”、“十月”,
“11月”、“12月”
];
var monthIndex=date.getMonth();
var year=date.getFullYear();
返回月份[monthNames]+''''+年;
}
$(文档).ready(函数(){
$(“#范围滑块”).滑块({
射程:“分钟”,
最小值:新日期('2012-01-01T00:00:00')。getTime(),
最大值:新日期('2019-01-01T00:00:00')。getTime(),
步骤:86400000,
值:新日期('2015-03-01T00:00:00')。getTime(),
幻灯片:功能(事件、用户界面){
//这里有个错误
//$(“#金额”).val(formatDate(新日期(ui.values[1]));
$(“#金额”).val(格式日期(新日期(ui.value));
}
});
});


日期范围:

函数格式日期(日期){
var monthNames=[
“一月”、“二月”、“三月”,
“四月”、“五月”、“六月”、“七月”,
“八月”、“九月”、“十月”,
“11月”、“12月”
];
var monthIndex=date.getMonth();
var year=date.getFullYear();
返回月份[monthNames]+''''+年;
}
$(文档).ready(函数(){
$(“#范围滑块”).滑块({
射程:“分钟”,
最小值:新日期('2012-01-01T00:00:00')。getTime(),
最大值:新日期('2019-01-01T00:00:00')。getTime(),
步骤:86400000,
值:新日期('2015-03-01T00:00:00')。getTime(),
幻灯片:功能(事件、用户界面){
//这里有个错误
//$(“#金额”).val(formatDate(新日期(ui.values[1]));
$(“#金额”).val(格式日期(新日期(ui.value));
}
});
});


日期范围:


您只需要“12个月名称”或“月名称+年”?@saAction我需要“月名称+年”或“12个月名称+年”?@saAction我需要“月名称+年”谢谢您的评论,但如上所述,我只需要一个月和年而不是范围选择。jQuery US“滑块范围”需要指向“a”对于“B”,如果你只需要一个没有任何范围的选择器,你需要一些其他的东西。我的意思是,我只需要一个手柄来从滑块中选择月份,正如我们在这里看到的@John,代码正在更改,现在只有一个滑块元素,我希望这就是您想要的!感谢您的评论,但正如我上面提到的,我只需要一个月和一年,而不是范围选择。jQuery US“slider range”需要指向“a”到“B”,如果您只需要一个选择器而不需要任何范围,则需要其他内容。我的意思是,我只需要一个句柄就可以从slider中选择月份,正如我们在这里看到的那样@John,代码正在更改,现在只有一个滑块元素,我希望这就是您想要的!