Javascript Jquery日期选择器在Firefox中不工作
我在datepicker上有一个奇怪的问题,我不能从FIREFOX中选择日期,而是它接受日期(手动输入)作为进程的输入 我正在使用Jquery版本1.11.2的Jquery日期选择器Javascript Jquery日期选择器在Firefox中不工作,javascript,jquery,firefox,datepicker,Javascript,Jquery,Firefox,Datepicker,我在datepicker上有一个奇怪的问题,我不能从FIREFOX中选择日期,而是它接受日期(手动输入)作为进程的输入 我正在使用Jquery版本1.11.2的Jquery日期选择器 $(document).ready(function() { var time_value = '01.12.2000'; var values = time_value.split("."); var parsed_date = new Date(values[2], values[1],
$(document).ready(function() {
var time_value = '01.12.2000';
var values = time_value.split(".");
var parsed_date = new Date(values[2], values[1], values[0]);
$("#todate").datepicker({
dateFormat: 'dd/mm/yy',
changeMonth: true,
changeYear: true,
yearRange: "-150:c",
minDate: parsed_date,
maxDate: "+0d"
});
var todate = '<?=str_replace('-', '/',$totimestamp);?>'
if (todate != 'NULL') {
$("#todate").datepicker("setDate", todate);
}
$("#fromdate").datepicker({
dateFormat: 'dd/mm/yy',
changeMonth: true,
changeYear: true,
yearRange: "-150:c",
minDate: parsed_date,
maxDate: "+0d"
});
var fromdate = '<?= str_replace('-', '/',$fromtimestamp);?>';
if (fromdate != 'NULL') {
$("#fromdate").datepicker("setDate", fromdate);
}
});
$(文档).ready(函数(){
var时间_值='01.12.2000';
var值=时间值分割(“.”);
var parsed_date=新日期(值[2],值[1],值[0]);
$(“#todate”)。日期选择器({
日期格式:“日/月/年”,
变化月:对,
变化年:是的,
年范围:“-150:c”,
minDate:parsed_date,
maxDate:“+0d”
});
变量todate=''
如果(todate!=“NULL”){
$(“#todate”).datepicker(“setDate”,todate);
}
$(“#fromdate”).datepicker({
日期格式:“日/月/年”,
变化月:对,
变化年:是的,
年范围:“-150:c”,
minDate:parsed_date,
maxDate:“+0d”
});
var fromdate='';
如果(fromdate!=“NULL”){
$(“#fromdate”).datepicker(“setDate”,fromdate);
}
});
这在chrome和其他浏览器上运行良好(我可以从日期选择器中选择),但在firefox中它不起作用
我试过单独使用样品,效果很好 我不确定您的代码是否也在其他浏览器中工作。我在函数体后面看到语法错误
SyntaxError:missing}
您需要关闭“文档准备就绪”。请尝试以下操作:
$(文档).ready(函数(){
var时间_值='01.12.2000';
var值=时间值分割(“.”);
var parsed_date=新日期(值[2],值[1],值[0]);
$(“#todate”).datepicker({dateFormat:'dd/mm/yy',changeMonth:true,changeYear:true,yearRange:“-150:c”,minDate:parsed_date,maxDate:“+0d”});
var todate=“”;
如果(todate!=“NULL”){
$(“#todate”).datepicker(“setDate”,todate);
}
$(“#fromdate”).datepicker({dateFormat:'dd/mm/yy',changeMonth:true,changeYear:true,yearRange:“-150:c”,minDate:parsed_date,maxDate:+0d”});
var fromdate=“”;
如果(fromdate!=“NULL”){
$(“#fromdate”).datepicker(“setDate”,fromdate);
}
});代码>
此代码适用于IE、firefox和explorer
<html>
<body>
<div>
FromDate: <input type="text" id="fromdate" class="datepicker"/>
ToDate: <input type="text" id="todate" class="datepicker"/>
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script>
$(document).ready(function() {
var time_value = '01.12.2000';
var values = time_value.split(".");
var parsed_date = new Date(values[2], values[1], values[0]);
$("#todate").datepicker({dateFormat: 'dd/mm/yy',changeMonth: true,changeYear: true,yearRange:"-150:c",minDate:parsed_date,maxDate: "+0d"});
var todate="<?=str_replace('-', '/','19-11-2015');?>"
if (todate != 'NULL') {
$("#todate").datepicker("setDate",todate);
}
$( "#fromdate" ).datepicker({ dateFormat: 'dd/mm/yy',changeMonth: true, changeYear: true,yearRange:"-150:c",minDate:parsed_date,maxDate: "+0d"});
var fromdate="<?= str_replace('-', '/','21-11-2015');?>"
if (fromdate!= 'NULL') {
$("#fromdate").datepicker("setDate",fromdate);
}
});
</script>
</body>
起始日期:
今天:
$(文档).ready(函数(){
var时间_值='01.12.2000';
var值=时间值分割(“.”);
var parsed_date=新日期(值[2],值[1],值[0]);
$(“#todate”).datepicker({dateFormat:'dd/mm/yy',changeMonth:true,changeYear:true,yearRange:“-150:c”,minDate:parsed_date,maxDate:“+0d”});
var todate=“”
如果(todate!=“NULL”){
$(“#todate”).datepicker(“setDate”,todate);
}
$(“#fromdate”).datepicker({dateFormat:'dd/mm/yy',changeMonth:true,changeYear:true,yearRange:“-150:c”,minDate:parsed_date,maxDate:+0d”});
var fromdate=“”
如果(fromdate!=“NULL”){
$(“#fromdate”).datepicker(“setDate”,fromdate);
}
});
这里是指向JSFIDLE的链接
请注意,代码
var todate = '<?=str_replace('-', '/',$totimestamp);?>'
var todate=''
这是错误的。您需要在打开和关闭字符串时使用双引号,因为您在字符串中使用单引号控制台中的任何错误都已检查,没有控制台错误。这是无效字符串'
。使用双引号。你至少得到了日历弹出窗口吗?@imkost-这是php-所以,可能不是问题(这肯定会在控制台上造成错误),实际上我包含了“}”。我只是在这里发帖的时候错过了。@Mohan,你正在看日历吗?是的,正在看日历。issue无法在日历上选择。@Mohan由于我无法复制您的issue,我不确定它是否有帮助,但请尝试将输入的z-index
设置为类似10000
的值,然后查看。谢谢您的支持。你的输入是开箱思考。效果很好。删除了包含的头文件中的z索引:-1和边框集。:-)