Javascript日期范围滑块在chrome中工作,但在其他浏览器中不工作?
我有一个javascript日期范围滑块代码,它在Chrome浏览器中运行良好,但在其他浏览器中不起作用 代码如下:Javascript日期范围滑块在chrome中工作,但在其他浏览器中不工作?,javascript,jquery,internet-explorer-8,mozilla,date-range,Javascript,Jquery,Internet Explorer 8,Mozilla,Date Range,我有一个javascript日期范围滑块代码,它在Chrome浏览器中运行良好,但在其他浏览器中不起作用 代码如下: <script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script> <link rel="stylesheet" href="https://code.jquery.com/ui/1.10.2/themes/
<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<script>
$(function() {
$( "#slider-range" ).slider({
range: true,
min: new Date('2012.01.01').getTime() / 1000,
max: new Date('2019.01.01').getTime() / 1000,
step: 86400,
values: [ new Date('2013.01.01').getTime() / 1000, new Date('2014.01.01').getTime() / 1000 ],
slide: function( event, ui ) {
$( "#amount" ).val( (new Date(ui.values[ 0 ] *1000).toDateString() ) + " - " + (new Date(ui.values[ 1 ] *1000)).toDateString() );
}
});
$( "#amount" ).val( (new Date($( "#slider-range" ).slider( "values", 0 )*1000).toDateString()) +
" - " + (new Date($( "#slider-range" ).slider( "values", 1 )*1000)).toDateString());
});
</script>
<p>
<label for="amount">Date range:</label>
<input type="text" id="amount" style="border: 0; color: #f6931f; font-weight: bold;" size="100"/>
</p>
<div id="slider-range"></div>
$(函数(){
$(“#滑块范围”)。滑块({
范围:对,
最小值:新日期('2012.01.01')。getTime()/1000,
最大值:新日期('2019.01.01')。getTime()/1000,
步骤:86400,
值:[新日期('2013.01.01').getTime()/1000,新日期('2014.01.01').getTime()/1000],
幻灯片:功能(事件、用户界面){
$(“#金额”).val((新日期(ui.values[0]*1000.toDateString())+“-”+(新日期(ui.values[1]*1000)).toDateString());
}
});
$(“#金额”).val((新日期($(“#滑块范围”).slider(“值”,0)*1000.toDateString())+
“-”+(新日期($(“#滑块范围”).slider(“值”,1)*1000)).toDateString());
});
日期范围:
注:
我认为,Date函数在其他浏览器(如Firefox、IE8+、Safari)中不支持,您的代码使用datestring构造函数,这在浏览器之间是不一致的。 您应该选中以使用标准格式,例如:
new Date('December 17, 1995 03:24:00');
或
检查下面相应更新的代码段(使用firefox和chrome进行测试):
$(函数(){
$(“#滑块范围”)。滑块({
范围:对,
最小值:新日期('2012年1月1日00:0:00')。getTime()/1000,
最大:新日期('2019年1月1日00:0:00')。getTime()/1000,
步骤:86400,
值:[新日期('2013年1月1日00:0:00').getTime()/1000,新日期('2014年1月1日00:0:00').getTime()/1000],
幻灯片:功能(事件、用户界面){
$(“#金额”).val((新日期(ui.values[0]*1000.toDateString())+“-”+(新日期(ui.values[1]*1000)).toDateString());
}
});
$(“#金额”).val((新日期($(“#滑块范围”).slider(“值”,0)*1000.toDateString())+
“-”+(新日期($(“#滑块范围”).slider(“值”,1)*1000)).toDateString());
});
日期范围:
**需要更改:*当前开始和结束日期显示为2013年1月1日星期二至2014年1月1日星期三,但我只想显示2013年1月至2014年1月修改#金额
使用var选项标记日期值={年:'数字',月:'短'}代码>。您也可以改为使用格式设置日期。
new Date(1995, 11, 17, 03, 24, 0, 0); // Beware of the month param starting at 0 !