两个js有冲突,放在一起下拉菜单的功能就不能实现,下拉菜单的js不放,下拉时间的就是正常的。
一个是下拉菜单的:
(function ($) {
"use strict";
var mainApp = { initFunction: function () {
/*MENU
------------------------------------*/
$('#main-menu').metisMenu();
$(window).bind("load resize", function () {
if ($(this).width() < 768) {
$('div.sidebar-collapse').addClass('collapse')
} else {
$('div.sidebar-collapse').removeClass('collapse')
}
}); /* MORRIS BAR CHART
-----------------------------------------*/
Morris.Bar({
element: 'morris-bar-chart',
data: [{
y: '2006',
a: 100,
b: 90
}, {
y: '2007',
a: 75,
b: 65
}, {
y: '2008',
a: 50,
b: 40
}, {
y: '2009',
a: 75,
b: 65
}, {
y: '2010',
a: 50,
b: 40
}, {
y: '2011',
a: 75,
b: 65
}, {
y: '2012',
a: 100,
b: 90
}],
xkey: 'y',
ykeys: ['a', 'b'],
labels: ['Series A', 'Series B'],
barColors: [
'#22a7f0','#1abc9c',
'#A8E9DC'
],
hideHover: 'auto',
resize: true
});
/* MORRIS DONUT CHART
----------------------------------------*/
Morris.Donut({
element: 'morris-donut-chart',
data: [{
label: "Download Sales",
value: 12
}, {
label: "In-Store Sales",
value: 30
}, {
label: "Mail-Order Sales",
value: 20
}],
colors: [
'#22a7f0','#1abc9c',
'#A8E9DC'
],
resize: true
}); /* MORRIS AREA CHART
----------------------------------------*/ Morris.Area({
element: 'morris-area-chart',
data: [{
period: '2010 Q1',
iphone: 2666,
ipad: null,
itouch: 2647
}, {
period: '2010 Q2',
iphone: 2778,
ipad: 2294,
itouch: 2441
}, {
period: '2010 Q3',
iphone: 4912,
ipad: 1969,
itouch: 2501
}, {
period: '2010 Q4',
iphone: 3767,
ipad: 3597,
itouch: 5689
}, {
period: '2011 Q1',
iphone: 6810,
ipad: 1914,
itouch: 2293
}, {
period: '2011 Q2',
iphone: 5670,
ipad: 4293,
itouch: 1881
}, {
period: '2011 Q3',
iphone: 4820,
ipad: 3795,
itouch: 1588
}, {
period: '2011 Q4',
iphone: 15073,
ipad: 5967,
itouch: 5175
}, {
period: '2012 Q1',
iphone: 10687,
ipad: 4460,
itouch: 2028
}, {
period: '2012 Q2',
iphone: 8432,
ipad: 5713,
itouch: 1791
}],
xkey: 'period',
ykeys: ['iphone', 'ipad', 'itouch'],
labels: ['iPhone', 'iPad', 'iPod Touch'],
pointSize: 2,
hideHover: 'auto',
pointFillColors:['#ffffff'],
pointStrokeColors: ['black'],
lineColors:['#22a7f0','#1abc9c'],
resize: true
}); /* MORRIS LINE CHART
----------------------------------------*/
Morris.Line({
element: 'morris-line-chart',
data: [
{ y: '2014', a: 50, b: 90},
{ y: '2015', a: 165, b: 185},
{ y: '2016', a: 150, b: 130},
{ y: '2017', a: 175, b: 160},
{ y: '2018', a: 80, b: 65},
{ y: '2019', a: 90, b: 70},
{ y: '2020', a: 100, b: 125},
{ y: '2021', a: 155, b: 175},
{ y: '2022', a: 80, b: 85},
{ y: '2023', a: 145, b: 155},
{ y: '2024', a: 160, b: 195}
],
xkey: 'y',
ykeys: ['a', 'b'],
labels: ['Total Income', 'Total Outcome'],
fillOpacity: 0.6,
hideHover: 'auto',
behaveLikeLine: true,
resize: true,
pointFillColors:['#ffffff'],
pointStrokeColors: ['black'],
lineColors:['gray','#1abc9c']
});
$('.bar-chart').cssCharts({type:"bar"});
$('.donut-chart').cssCharts({type:"donut"}).trigger('show-donut-chart');
$('.line-chart').cssCharts({type:"line"}); $('.pie-thychart').cssCharts({type:"pie"});
}, initialization: function () {
mainApp.initFunction(); } }
// Initializing /// $(document).ready(function () {
mainApp.initFunction();
$("#sideNav").click(function(){
if($(this).hasClass('closed')){
$('.navbar-side').animate({left: '0px'});
$(this).removeClass('closed');
$('#page-wrapper').animate({'margin-left' : '260px'});
}
else{
$(this).addClass('closed');
$('.navbar-side').animate({left: '-260px'});
$('#page-wrapper').animate({'margin-left' : '0px'});
}
});
});}(jQuery));第二个是下拉日期:
<script type="text/javascript">
$(function(){
$('.time').datetimepicker({
format: 'yyyy-mm-dd hh:ii',
language:"zh-CN",
minView:0,
autoclose:true
});
showTab();
});
function olclick(obj){
var text = $(obj).data('text');
var id = $(obj).data('id');
$(obj).parent().siblings("p").find('span').html(text);
$(obj).parent().siblings("p").find('input').val(id);
$(obj).parent().hide();
} $(document).ready(function(){
$(".order-li p").click(function(){
$(this).siblings('div').toggle();
$(this).parent('.order-li').siblings().children('.order-select').hide();
});
$("#search").click(function(){
var ordernum = $('input[name="ordernum"]').val();
var phone = $('input[name="phone"]').val();
var starttime = $('input[name="starttime"]').val();
var starttime2 = Date.parse(new Date(starttime));
starttime2 = starttime2 / 1000;
var endtime = $('input[name="endtime"]').val();
var endtime2 = Date.parse(new Date(endtime));
endtime2 = endtime2 / 1000;
var status = $('input[name="status"]').val();
var paytype = $('input[name="paytype"]').val();
var proid = $('input[name="proid"]').val();
var gzid = $('input[name="gzid"]').val();
var paytime = $('input[name="paytime"]').val();
if(!ordernum){ var ordernum = 'no';}
if(!phone){ var phone = 'no';}
if(!starttime2){ var starttime2 = 'no';}
if(!endtime2){ var endtime2 = 'no';}
if(!gzid){ var gzid = 'no';}
if(!paytype){ var paytype = 'no';}
if(!paytime){ var paytime = 'no';}
window.location.href = '__ROOT__/index.php?s=/admin/order/index/ordernum/'+ordernum+'/phone/'+phone+'/starttime/'+starttime2+'/endtime/'+endtime2+'/status/'+status+'/paytype/'+paytype+'/proid/'+proid+'/gzid/'+gzid+'/paytime/'+paytime+'.html';
});
$("#export").click(function(){
var ordernum = $('input[name="ordernum"]').val();
var phone = $('input[name="phone"]').val();
var starttime = $('input[name="starttime"]').val();
var starttime2 = Date.parse(new Date(starttime));
starttime2 = starttime2 / 1000;
var endtime = $('input[name="endtime"]').val();
var endtime2 = Date.parse(new Date(endtime));
endtime2 = endtime2 / 1000;
var status = $('input[name="status"]').val();
var paytype = $('input[name="paytype"]').val();
var proid = $('input[name="proid"]').val();
var gzid = $('input[name="gzid"]').val();
var paytime = $('input[name="paytime"]').val();
if(!ordernum){ var ordernum = 'no';}
if(!phone){ var phone = 'no';}
if(!starttime2){ var starttime2 = 'no';}
if(!endtime2){ var endtime2 = 'no';}
if(!gzid){ var gzid = 'no';}
if(!paytime){ var paytime = 'no';}
window.location.href = '__ROOT__/index.php?s=/admin/order/get_export/ordernum/'+ordernum+'/phone/'+phone+'/starttime/'+starttime2+'/endtime/'+endtime2+'/status/'+status+'/paytype/'+paytype+'/proid/'+proid+'/gzid/'+gzid+'/paytime/'+paytime+'.html';
});
});
</script>
一个是下拉菜单的:
(function ($) {
"use strict";
var mainApp = { initFunction: function () {
/*MENU
------------------------------------*/
$('#main-menu').metisMenu();
$(window).bind("load resize", function () {
if ($(this).width() < 768) {
$('div.sidebar-collapse').addClass('collapse')
} else {
$('div.sidebar-collapse').removeClass('collapse')
}
}); /* MORRIS BAR CHART
-----------------------------------------*/
Morris.Bar({
element: 'morris-bar-chart',
data: [{
y: '2006',
a: 100,
b: 90
}, {
y: '2007',
a: 75,
b: 65
}, {
y: '2008',
a: 50,
b: 40
}, {
y: '2009',
a: 75,
b: 65
}, {
y: '2010',
a: 50,
b: 40
}, {
y: '2011',
a: 75,
b: 65
}, {
y: '2012',
a: 100,
b: 90
}],
xkey: 'y',
ykeys: ['a', 'b'],
labels: ['Series A', 'Series B'],
barColors: [
'#22a7f0','#1abc9c',
'#A8E9DC'
],
hideHover: 'auto',
resize: true
});
/* MORRIS DONUT CHART
----------------------------------------*/
Morris.Donut({
element: 'morris-donut-chart',
data: [{
label: "Download Sales",
value: 12
}, {
label: "In-Store Sales",
value: 30
}, {
label: "Mail-Order Sales",
value: 20
}],
colors: [
'#22a7f0','#1abc9c',
'#A8E9DC'
],
resize: true
}); /* MORRIS AREA CHART
----------------------------------------*/ Morris.Area({
element: 'morris-area-chart',
data: [{
period: '2010 Q1',
iphone: 2666,
ipad: null,
itouch: 2647
}, {
period: '2010 Q2',
iphone: 2778,
ipad: 2294,
itouch: 2441
}, {
period: '2010 Q3',
iphone: 4912,
ipad: 1969,
itouch: 2501
}, {
period: '2010 Q4',
iphone: 3767,
ipad: 3597,
itouch: 5689
}, {
period: '2011 Q1',
iphone: 6810,
ipad: 1914,
itouch: 2293
}, {
period: '2011 Q2',
iphone: 5670,
ipad: 4293,
itouch: 1881
}, {
period: '2011 Q3',
iphone: 4820,
ipad: 3795,
itouch: 1588
}, {
period: '2011 Q4',
iphone: 15073,
ipad: 5967,
itouch: 5175
}, {
period: '2012 Q1',
iphone: 10687,
ipad: 4460,
itouch: 2028
}, {
period: '2012 Q2',
iphone: 8432,
ipad: 5713,
itouch: 1791
}],
xkey: 'period',
ykeys: ['iphone', 'ipad', 'itouch'],
labels: ['iPhone', 'iPad', 'iPod Touch'],
pointSize: 2,
hideHover: 'auto',
pointFillColors:['#ffffff'],
pointStrokeColors: ['black'],
lineColors:['#22a7f0','#1abc9c'],
resize: true
}); /* MORRIS LINE CHART
----------------------------------------*/
Morris.Line({
element: 'morris-line-chart',
data: [
{ y: '2014', a: 50, b: 90},
{ y: '2015', a: 165, b: 185},
{ y: '2016', a: 150, b: 130},
{ y: '2017', a: 175, b: 160},
{ y: '2018', a: 80, b: 65},
{ y: '2019', a: 90, b: 70},
{ y: '2020', a: 100, b: 125},
{ y: '2021', a: 155, b: 175},
{ y: '2022', a: 80, b: 85},
{ y: '2023', a: 145, b: 155},
{ y: '2024', a: 160, b: 195}
],
xkey: 'y',
ykeys: ['a', 'b'],
labels: ['Total Income', 'Total Outcome'],
fillOpacity: 0.6,
hideHover: 'auto',
behaveLikeLine: true,
resize: true,
pointFillColors:['#ffffff'],
pointStrokeColors: ['black'],
lineColors:['gray','#1abc9c']
});
$('.bar-chart').cssCharts({type:"bar"});
$('.donut-chart').cssCharts({type:"donut"}).trigger('show-donut-chart');
$('.line-chart').cssCharts({type:"line"}); $('.pie-thychart').cssCharts({type:"pie"});
}, initialization: function () {
mainApp.initFunction(); } }
// Initializing /// $(document).ready(function () {
mainApp.initFunction();
$("#sideNav").click(function(){
if($(this).hasClass('closed')){
$('.navbar-side').animate({left: '0px'});
$(this).removeClass('closed');
$('#page-wrapper').animate({'margin-left' : '260px'});
}
else{
$(this).addClass('closed');
$('.navbar-side').animate({left: '-260px'});
$('#page-wrapper').animate({'margin-left' : '0px'});
}
});
});}(jQuery));第二个是下拉日期:
<script type="text/javascript">
$(function(){
$('.time').datetimepicker({
format: 'yyyy-mm-dd hh:ii',
language:"zh-CN",
minView:0,
autoclose:true
});
showTab();
});
function olclick(obj){
var text = $(obj).data('text');
var id = $(obj).data('id');
$(obj).parent().siblings("p").find('span').html(text);
$(obj).parent().siblings("p").find('input').val(id);
$(obj).parent().hide();
} $(document).ready(function(){
$(".order-li p").click(function(){
$(this).siblings('div').toggle();
$(this).parent('.order-li').siblings().children('.order-select').hide();
});
$("#search").click(function(){
var ordernum = $('input[name="ordernum"]').val();
var phone = $('input[name="phone"]').val();
var starttime = $('input[name="starttime"]').val();
var starttime2 = Date.parse(new Date(starttime));
starttime2 = starttime2 / 1000;
var endtime = $('input[name="endtime"]').val();
var endtime2 = Date.parse(new Date(endtime));
endtime2 = endtime2 / 1000;
var status = $('input[name="status"]').val();
var paytype = $('input[name="paytype"]').val();
var proid = $('input[name="proid"]').val();
var gzid = $('input[name="gzid"]').val();
var paytime = $('input[name="paytime"]').val();
if(!ordernum){ var ordernum = 'no';}
if(!phone){ var phone = 'no';}
if(!starttime2){ var starttime2 = 'no';}
if(!endtime2){ var endtime2 = 'no';}
if(!gzid){ var gzid = 'no';}
if(!paytype){ var paytype = 'no';}
if(!paytime){ var paytime = 'no';}
window.location.href = '__ROOT__/index.php?s=/admin/order/index/ordernum/'+ordernum+'/phone/'+phone+'/starttime/'+starttime2+'/endtime/'+endtime2+'/status/'+status+'/paytype/'+paytype+'/proid/'+proid+'/gzid/'+gzid+'/paytime/'+paytime+'.html';
});
$("#export").click(function(){
var ordernum = $('input[name="ordernum"]').val();
var phone = $('input[name="phone"]').val();
var starttime = $('input[name="starttime"]').val();
var starttime2 = Date.parse(new Date(starttime));
starttime2 = starttime2 / 1000;
var endtime = $('input[name="endtime"]').val();
var endtime2 = Date.parse(new Date(endtime));
endtime2 = endtime2 / 1000;
var status = $('input[name="status"]').val();
var paytype = $('input[name="paytype"]').val();
var proid = $('input[name="proid"]').val();
var gzid = $('input[name="gzid"]').val();
var paytime = $('input[name="paytime"]').val();
if(!ordernum){ var ordernum = 'no';}
if(!phone){ var phone = 'no';}
if(!starttime2){ var starttime2 = 'no';}
if(!endtime2){ var endtime2 = 'no';}
if(!gzid){ var gzid = 'no';}
if(!paytime){ var paytime = 'no';}
window.location.href = '__ROOT__/index.php?s=/admin/order/get_export/ordernum/'+ordernum+'/phone/'+phone+'/starttime/'+starttime2+'/endtime/'+endtime2+'/status/'+status+'/paytype/'+paytype+'/proid/'+proid+'/gzid/'+gzid+'/paytime/'+paytime+'.html';
});
});
</script>
解决方案 »
- 求助:JQ生成的button和直接写在网页中的效果不同?
- JS改变背景图片 浏览器不能兼容
- 如何用js调用web服务 急急急!!! 在线等!
- Javascript获取input File已经选择的文件的详细信息
- 为什么这段代码没法在浏览器中显示啊
- window.open打开新窗口怎么在遨游等浏览器中固定大小
- 在一个h包含tml页面上任意取两段文本,作为开始和结束的标志,如何才能用javascript将包含这两段文本的一个完整,范围最小的
- 寻找JavaScript去除一个字符串前后空格的函数或方法?
- js疑难,答对高分相赠
- 难问题
- 求教js如何关闭网页摄像头
- table单元格宽度与input框同宽
morris-bar-chart就在给的第一个js的前面部分;
datetimepicker这个js引用了;
你这报错应该是
datetimepicker js在这之后引用的,所以找不到,应该放在这个前面引进来