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,代码正在更改,现在只有一个滑块元素,我希望这就是您想要的!