スクリーニングデータのセレクタechart laydateタイムチャートの時間条件を導入

免責事項:この記事はブロガーオリジナル記事です、続くBY-SAのCC 4.0を著作権契約、複製、元のソースのリンクと、この文を添付してください。
このリンク: https://blog.csdn.net/weixin_38136817/article/details/102724003

セレクタechart laydateタイムチャート(毎月)スクリーニングデータの時間条件を導入

コールバック1つのlaydateコンポーネント

それがコールバックイベントを強制するためのコンポーネントですので、この方法が、laydateにより行うことができるが、JQの値値を取得するにはJQのsendメソッドで待機するように日付と時刻を選択するとき、それは静かですが、このコンポーネントが間違っていることで、時間を変更することはできません、私は、何度も試してみました選択した日付のコールバックサービス処理を達成するために私たちを助ける
//日付セレクタを
。各(関数(){$( "laydate-DATE")
この_this = VAR;
laydate.render({
elemは:_this、
値:getTime( ' getMonth ')、
タイプ:'月」、
//ユーザーコールバック関数によって選択された日付
DONE:関数(値、日付、endDateに){
。echartWeldmsTypeMon(Date.Year、date.month- 1)
にconsole.log(値)
はconsole.log (DATE)
はconsole.log(endDateに)
}
});
});

取得日の月の2最後の日

背景にドッキングするとき私は、コードに直接ここでは、開始時間に応じて必要な(正確な日付はケースを調査するために)、ユーザが選択した月の日付を取得する必要がある、とされます

する方法、月、年に伝統的な価値観によって
getSearchMonth(SelectYear、selectMonth){機能
MM-DD-YYYYの://日付フォーマット
機能は、FormatDate(DATE){
; Date.getFullYear =(myyear VAR)を
VAR = DATEのMyMonth .getMonth()+ 1;
VAR MyWeekDay date.getDate =();
IF(MyMonth <10){
MyMonth = "0" + MyMonth;
}
IF(MyWeekDay <10){
MyWeekDay = "0" + MyWeekDay;
}
リターン( myyear + " - " + MyMonth + " - " + MyWeekDay);
}
日//月の取得
関数getMonthDays(MyMonth){
VARのmonthStartDate =新しい新しい日付(SelectYear、MyMonth ,. 1);
VARのmonthEndDate =新しい新しい日付(SelectYear、MyMonthを1 + ,. 1);
VAR =デイズ(monthEndDate - * 60 * 60 * 24 monthStartDate)/(1000)。
日返します。
}
//获得本月的开始日期
VAR getMonthStartDate =新しい日付(selectYear、selectMonth、1)。
VAR getMonthStartDate =は、FormatDate(getMonthStartDate)。
//获得本月的结束日期
VAR getMonthEndDate =新しい日付(selectYear、selectMonth、getMonthDays(selectMonth));
VAR getMonthEndDate =は、FormatDate(getMonthEndDate)。
console.log(「getMonthStartDate」、getMonthStartDate)
はconsole.log(「getMonthEndDate」、getMonthEndDate)
}

3 echat再描画

私たちは、対応するデータを取得した後、再描画する必要があるため、ここではsetOptionをechatその上でメソッドを呼び出す
際の要素を取得し、myChartここでのvar myChart = echarts.init(DOM)で
//再描画月のスクリーニングおよび描画
アヤックスの$({
//要求モードの
種類: 'POST'、
アドレスとデータ転送//送信要求
URL: ''、
データ:{、}、
//サーバーは、データ型を返す
JSON ':dataTypeと'
成功:機能(データ){
VARのjsonstr = [];
myChart.setOption({//負荷データテーブル
シリーズ:[
{
名: '番号:'、
タイプ: 'バー'、
barWidth:'60%」、
ラベル:{
正常:{
表示:trueに、
位置: '上部'、
TEXTSTYLE:{
色: '#1 0c7bca'
}
}
}、
データ:jsonstr
}
]
})。
}
})。

おすすめ

転載: blog.csdn.net/weixin_38136817/article/details/102724003