生活随笔
收集整理的這篇文章主要介紹了
2020-2-15技术积累-时间插件-前端获取后端数据生成表格
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
1.一種時間插件的用法
WdatePicker使用方法
https://blog.csdn.net/wuyan1001/article/details/78561363
https://blog.csdn.net/xm393392625/article/details/81705419
https://blog.csdn.net/u014362882/article/details/99562876
適用于不同的時間類型
2.Javascript中獲取時間new Date()詳細(xì)介紹
https://blog.csdn.net/zhanggaofeixy/article/details/52153110
3.前臺如何通過JQuery獲取后臺的JSON數(shù)據(jù)，并輸出到表格中
https://bbs.csdn.net/topics/390977089
<style>.table{width:100%;max-width: 100%;}.table>thead>tr{background: #edf7ff;}.table>thead>tr>th {white-space: nowrap;padding: 8px;line-height: 1.42857143;}.table>tbody>tr:nth-child(odd){background: #fff;}.table>tbody>tr:nth-child(even){background: #f7f7f7;}.table>tbody>tr:hover{background: #e3ecfc;}.table-cont{/**make table can scroll**/max-height: 500px;overflow: auto;/** add some style**//*padding: 2px;*/background: #ddd;margin: 20px 10px;border: 1px solid #ddd;}
</style>
測試按鈕
<th>寬度</th><th>厚度</th><th>板坯寬度</th><th>板坯厚度</th><th>板坯長度</th><th>板坯重量</th><th>板坯校重</th><th>成品重量</th><th>取樣標(biāo)示</th><th>裝鋼溫度</th><th>在爐時間</th><th>出鋼溫度</th><th>RDT</th><th>FDT</th><th>熱卷箱標(biāo)識</th><th>道次</th><th>換輥分?jǐn)?lt;/th><th>待溫待時間</th><th>故障時間</th><th>計劃軋制節(jié)奏</th><th>軋制節(jié)奏</th><th>軋制系數(shù)</th><th>預(yù)算成材率</th><th>計劃成材率</th><th>計劃燃耗</th><th>計劃電耗</th><th>成材率</th><th>燃耗</th><th>電耗</th></tr></thead><tbody><tr><td>委托編號</td><td>交易日</td><td>賬戶編號</td><td>賬戶名稱</td><td>組合編號</td><td>組合名稱</td><td>自定義訂單編號</td><td>證券代碼</td><td>證券名稱</td><td>交易所</td><td>價格類型</td><td>委托價格</td><td>委托數(shù)量</td><td>委托金額</td><td>買賣方向</td><td>訂單狀態(tài)</td><td>組合開平標(biāo)志</td><td>組合投機(jī)套保標(biāo)志</td><td>備兌標(biāo)志</td><td>報單類型</td><td>今成交數(shù)量</td><td>今成交金額</td><td>撤成\廢單數(shù)量</td><td>剩余數(shù)量</td><td>訂單總費用</td><td>報單日期</td><td>委托時間</td><td>最后修改時間</td><td>撤銷時間</td><td>撤單編號</td><td>操作員編號</td><td>操作員名稱</td><td>柜臺委托編號</td><td>訂單IP</td></tr><tr><td>委托編號</td><td>交易日</td><td>賬戶編號</td><td>賬戶名稱</td><td>組合編號</td><td>組合名稱</td><td>自定義訂單編號</td><td>證券代碼</td><td>證券名稱</td><td>交易所</td><td>價格類型</td><td>委托價格</td><td>委托數(shù)量</td><td>委托金額</td><td>買賣方向</td><td>訂單狀態(tài)</td><td>組合開平標(biāo)志</td><td>組合投機(jī)套保標(biāo)志</td><td>備兌標(biāo)志</td><td>報單類型</td><td>今成交數(shù)量</td><td>今成交金額</td><td>撤成\廢單數(shù)量</td><td>剩余數(shù)量</td><td>訂單總費用</td><td>報單日期</td><td>委托時間</td><td>最后修改時間</td><td>撤銷時間</td><td>撤單編號</td><td>操作員編號</td><td>操作員名稱</td><td>柜臺委托編號</td><td>訂單IP</td></tr><tr><td>委托編號</td><td>交易日</td><td>賬戶編號</td><td>賬戶名稱</td><td>組合編號</td><td>組合名稱</td><td>自定義訂單編號</td><td>證券代碼</td><td>證券名稱</td><td>交易所</td><td>價格類型</td><td>委托價格</td><td>委托數(shù)量</td><td>委托金額</td><td>買賣方向</td><td>訂單狀態(tài)</td><td>組合開平標(biāo)志</td><td>組合投機(jī)套保標(biāo)志</td><td>備兌標(biāo)志</td><td>報單類型</td><td>今成交數(shù)量</td><td>今成交金額</td><td>撤成\廢單數(shù)量</td><td>剩余數(shù)量</td><td>訂單總費用</td><td>報單日期</td><td>委托時間</td><td>最后修改時間</td><td>撤銷時間</td><td>撤單編號</td><td>操作員編號</td><td>操作員名稱</td><td>柜臺委托編號</td><td>訂單IP</td></tr><tr><td>委托編號</td><td>交易日</td><td>賬戶編號</td><td>賬戶名稱</td><td>組合編號</td><td>組合名稱</td><td>自定義訂單編號</td><td>證券代碼</td><td>證券名稱</td><td>交易所</td><td>價格類型</td><td>委托價格</td><td>委托數(shù)量</td><td>委托金額</td><td>買賣方向</td><td>訂單狀態(tài)</td><td>組合開平標(biāo)志</td><td>組合投機(jī)套保標(biāo)志</td><td>備兌標(biāo)志</td><td>報單類型</td><td>今成交數(shù)量</td><td>今成交金額</td><td>撤成\廢單數(shù)量</td><td>剩余數(shù)量</td><td>訂單總費用</td><td>報單日期</td><td>委托時間</td><td>最后修改時間</td><td>撤銷時間</td><td>撤單編號</td><td>操作員編號</td><td>操作員名稱</td><td>柜臺委托編號</td><td>訂單IP</td></tr><tr><td>委托編號</td><td>交易日</td><td>賬戶編號</td><td>賬戶名稱</td><td>組合編號</td><td>組合名稱</td><td>自定義訂單編號</td><td>證券代碼</td><td>證券名稱</td><td>交易所</td><td>價格類型</td><td>委托價格</td><td>委托數(shù)量</td><td>委托金額</td><td>買賣方向</td><td>訂單狀態(tài)</td><td>組合開平標(biāo)志</td><td>組合投機(jī)套保標(biāo)志</td><td>備兌標(biāo)志</td><td>報單類型</td><td>今成交數(shù)量</td><td>今成交金額</td><td>撤成\廢單數(shù)量</td><td>剩余數(shù)量</td><td>訂單總費用</td><td>報單日期</td><td>委托時間</td><td>最后修改時間</td><td>撤銷時間</td><td>撤單編號</td><td>操作員編號</td><td>操作員名稱</td><td>柜臺委托編號</td><td>訂單IP</td></tr><tr><td>委托編號</td><td>交易日</td><td>賬戶編號</td><td>賬戶名稱</td><td>組合編號</td><td>組合名稱</td><td>自定義訂單編號</td><td>證券代碼</td><td>證券名稱</td><td>交易所</td><td>價格類型</td><td>委托價格</td><td>委托數(shù)量</td><td>委托金額</td><td>買賣方向</td><td>訂單狀態(tài)</td><td>組合開平標(biāo)志</td><td>組合投機(jī)套保標(biāo)志</td><td>備兌標(biāo)志</td><td>報單類型</td><td>今成交數(shù)量</td><td>今成交金額</td><td>撤成\廢單數(shù)量</td><td>剩余數(shù)量</td><td>訂單總費用</td><td>報單日期</td><td>委托時間</td><td>最后修改時間</td><td>撤銷時間</td><td>撤單編號</td><td>操作員編號</td><td>操作員名稱</td><td>柜臺委托編號</td><td>訂單IP</td></tr><tr><td>委托編號</td><td>交易日</td><td>賬戶編號</td><td>賬戶名稱</td><td>組合編號</td><td>組合名稱</td><td>自定義訂單編號</td><td>證券代碼</td><td>證券名稱</td><td>交易所</td><td>價格類型</td><td>委托價格</td><td>委托數(shù)量</td><td>委托金額</td><td>買賣方向</td><td>訂單狀態(tài)</td><td>組合開平標(biāo)志</td><td>組合投機(jī)套保標(biāo)志</td><td>備兌標(biāo)志</td><td>報單類型</td><td>今成交數(shù)量</td><td>今成交金額</td><td>撤成\廢單數(shù)量</td><td>剩余數(shù)量</td><td>訂單總費用</td><td>報單日期</td><td>委托時間</td><td>最后修改時間</td><td>撤銷時間</td><td>撤單編號</td><td>操作員編號</td><td>操作員名稱</td><td>柜臺委托編號</td><td>訂單IP</td></tr><tr><td>委托編號</td><td>交易日</td><td>賬戶編號</td><td>賬戶名稱</td><td>組合編號</td><td>組合名稱</td><td>自定義訂單編號</td><td>證券代碼</td><td>證券名稱</td><td>交易所</td><td>價格類型</td><td>委托價格</td><td>委托數(shù)量</td><td>委托金額</td><td>買賣方向</td><td>訂單狀態(tài)</td><td>組合開平標(biāo)志</td><td>組合投機(jī)套保標(biāo)志</td><td>備兌標(biāo)志</td><td>報單類型</td><td>今成交數(shù)量</td><td>今成交金額</td><td>撤成\廢單數(shù)量</td><td>剩余數(shù)量</td><td>訂單總費用</td><td>報單日期</td><td>委托時間</td><td>最后修改時間</td><td>撤銷時間</td><td>撤單編號</td><td>操作員編號</td><td>操作員名稱</td><td>柜臺委托編號</td><td>訂單IP</td></tr><tr><td>委托編號</td><td>交易日</td><td>賬戶編號</td><td>賬戶名稱</td><td>組合編號</td><td>組合名稱</td><td>自定義訂單編號</td><td>證券代碼</td><td>證券名稱</td><td>交易所</td><td>價格類型</td><td>委托價格</td><td>委托數(shù)量</td><td>委托金額</td><td>買賣方向</td><td>訂單狀態(tài)</td><td>組合開平標(biāo)志</td><td>組合投機(jī)套保標(biāo)志</td><td>備兌標(biāo)志</td><td>報單類型</td><td>今成交數(shù)量</td><td>今成交金額</td><td>撤成\廢單數(shù)量</td><td>剩余數(shù)量</td><td>訂單總費用</td><td>報單日期</td><td>委托時間</td><td>最后修改時間</td><td>撤銷時間</td><td>撤單編號</td><td>操作員編號</td><td>操作員名稱</td><td>柜臺委托編號</td><td>訂單IP</td></tr><tr><td>委托編號</td><td>交易日</td><td>賬戶編號</td><td>賬戶名稱</td><td>組合編號</td><td>組合名稱</td><td>自定義訂單編號</td><td>證券代碼</td><td>證券名稱</td><td>交易所</td><td>價格類型</td><td>委托價格</td><td>委托數(shù)量</td><td>委托金額</td><td>買賣方向</td><td>訂單狀態(tài)</td><td>組合開平標(biāo)志</td><td>組合投機(jī)套保標(biāo)志</td><td>備兌標(biāo)志</td><td>報單類型</td><td>今成交數(shù)量</td><td>今成交金額</td><td>撤成\廢單數(shù)量</td><td>剩余數(shù)量</td><td>訂單總費用</td><td>報單日期</td><td>委托時間</td><td>最后修改時間</td><td>撤銷時間</td><td>撤單編號</td><td>操作員編號</td><td>操作員名稱</td><td>柜臺委托編號</td><td>訂單IP</td></tr><tr><td>委托編號</td><td>交易日</td><td>賬戶編號</td><td>賬戶名稱</td><td>組合編號</td><td>組合名稱</td><td>自定義訂單編號</td><td>證券代碼</td><td>證券名稱</td><td>交易所</td><td>價格類型</td><td>委托價格</td><td>委托數(shù)量</td><td>委托金額</td><td>買賣方向</td><td>訂單狀態(tài)</td><td>組合開平標(biāo)志</td><td>組合投機(jī)套保標(biāo)志</td><td>備兌標(biāo)志</td><td>報單類型</td><td>今成交數(shù)量</td><td>今成交金額</td><td>撤成\廢單數(shù)量</td><td>剩余數(shù)量</td><td>訂單總費用</td><td>報單日期</td><td>委托時間</td><td>最后修改時間</td><td>撤銷時間</td><td>撤單編號</td><td>操作員編號</td><td>操作員名稱</td><td>柜臺委托編號</td><td>訂單IP</td></tr><tr><td>委托編號</td><td>交易日</td><td>賬戶編號</td><td>賬戶名稱</td><td>組合編號</td><td>組合名稱</td><td>自定義訂單編號</td><td>證券代碼</td><td>證券名稱</td><td>交易所</td><td>價格類型</td><td>委托價格</td><td>委托數(shù)量</td><td>委托金額</td><td>買賣方向</td><td>訂單狀態(tài)</td><td>組合開平標(biāo)志</td><td>組合投機(jī)套保標(biāo)志</td><td>備兌標(biāo)志</td><td>報單類型</td><td>今成交數(shù)量</td><td>今成交金額</td><td>撤成\廢單數(shù)量</td><td>剩余數(shù)量</td><td>訂單總費用</td><td>報單日期</td><td>委托時間</td><td>最后修改時間</td><td>撤銷時間</td><td>撤單編號</td><td>操作員編號</td><td>操作員名稱</td><td>柜臺委托編號</td><td>訂單IP</td></tr><tr><td>委托編號</td><td>交易日</td><td>賬戶編號</td><td>賬戶名稱</td><td>組合編號</td><td>組合名稱</td><td>自定義訂單編號</td><td>證券代碼</td><td>證券名稱</td><td>交易所</td><td>價格類型</td><td>委托價格</td><td>委托數(shù)量</td><td>委托金額</td><td>買賣方向</td><td>訂單狀態(tài)</td><td>組合開平標(biāo)志</td><td>組合投機(jī)套保標(biāo)志</td><td>備兌標(biāo)志</td><td>報單類型</td><td>今成交數(shù)量</td><td>今成交金額</td><td>撤成\廢單數(shù)量</td><td>剩余數(shù)量</td><td>訂單總費用</td><td>報單日期</td><td>委托時間</td><td>最后修改時間</td><td>撤銷時間</td><td>撤單編號</td><td>操作員編號</td><td>操作員名稱</td><td>柜臺委托編號</td><td>訂單IP</td></tr></tbody>
</table>
window.onload = function(){var tableCont = document.querySelector('#table-cont');function scrollHandle (e){console.log(this);var scrollTop = this.scrollTop;this.querySelector('thead').style.transform = 'translateY(' + scrollTop + 'px)';}tableCont.addEventListener('scroll',scrollHandle);
}function testButton(){//alert('yes');$.ajax({type: "POST", //默認(rèn)值: "GET")。請求方式 ("POST" 或 "GET")， 默認(rèn)為 "GET"url: "test.php", //當(dāng)前頁地址。發(fā)送請求的地址data: {test:'6666'},success: function (data) {console.log(data);console.log('yes');},async: true, //true為異步請求，false為同步請求error: function () {alert("請求失敗");}});}
總結(jié)
以上是生活随笔為你收集整理的2020-2-15技术积累-时间插件-前端获取后端数据生成表格的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。
