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()詳細介紹
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>取樣標示</th><th>裝鋼溫度</th><th>在爐時間</th><th>出鋼溫度</th><th>RDT</th><th>FDT</th><th>熱卷箱標識</th><th>道次</th><th>換輥分攤</th><th>待溫待時間</th><th>故障時間</th><th>計劃軋制節(jié)奏</th><th>軋制節(jié)奏</th><th>軋制系數(shù)</th><th>預算成材率</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>組合開平標志</td><td>組合投機套保標志</td><td>備兌標志</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>組合開平標志</td><td>組合投機套保標志</td><td>備兌標志</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>組合開平標志</td><td>組合投機套保標志</td><td>備兌標志</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>組合開平標志</td><td>組合投機套保標志</td><td>備兌標志</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>組合開平標志</td><td>組合投機套保標志</td><td>備兌標志</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>組合開平標志</td><td>組合投機套保標志</td><td>備兌標志</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>組合開平標志</td><td>組合投機套保標志</td><td>備兌標志</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>組合開平標志</td><td>組合投機套保標志</td><td>備兌標志</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>組合開平標志</td><td>組合投機套保標志</td><td>備兌標志</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>組合開平標志</td><td>組合投機套保標志</td><td>備兌標志</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>組合開平標志</td><td>組合投機套保標志</td><td>備兌標志</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>組合開平標志</td><td>組合投機套保標志</td><td>備兌標志</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>組合開平標志</td><td>組合投機套保標志</td><td>備兌標志</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", //默認值: "GET")。請求方式 ("POST" 或 "GET")， 默認為 "GET"url: "test.php", //當前頁地址。發(fā)送請求的地址data: {test:'6666'},success: function (data) {console.log(data);console.log('yes');},async: true, //true為異步請求，false為同步請求error: function () {alert("請求失敗");}});}

總結

以上是生活随笔為你收集整理的2020-2-15技术积累-时间插件-前端获取后端数据生成表格的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。