小編給大家分享一下如何設(shè)置TP5.1+layui時間范圍,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
成都創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供改則網(wǎng)站建設(shè)、改則做網(wǎng)站、改則網(wǎng)站設(shè)計、改則網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、改則企業(yè)網(wǎng)站模板建站服務(wù),10多年改則做網(wǎng)站經(jīng)驗,不只是建網(wǎng)站,更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。
在制作一個項目時遇到一個問題,就是開始時間和結(jié)束時間是相關(guān)聯(lián)的,結(jié)束時間的選擇范圍是最小為開始時間,最大為開始時間90天后的時間,我這邊用的是layui的插件獲取的日期,里面有兩個參數(shù)min和max分別可以設(shè)置日期范圍;
其代碼如下所示:
layui.use('laydate', function(){ var laydate = layui.laydate; //限定可選日期 var ins22 = laydate.render({ elem: '#test-limit1' ,min: '2016-10-14' ,max: '2080-10-14' }); });
但是怎么獲取max和min的值時,我遇到了難點(diǎn),后面經(jīng)過反復(fù)研究Layui官方文檔和反復(fù)的嘗試,終于解決了這一問題,分享給大家:
a.定義變量當(dāng)前時間、最小時間、最大時間
var now = new Date(); var min = now.getFullYear() + "-" + (now.getMonth() + 1) + "-" + (now.getDate() + 1); var max = now.getFullYear() + "-" + (now.getMonth() + 2) + "-" + (now.getDate() + 2);
b.根據(jù)當(dāng)前選擇的時間重新給max和min賦值
要獲取max
和min
的值,首先要了解時間換算單位,大概思路為基本換算單位以小時為準(zhǔn),1小時為3600秒,因為laui中的時間戳是以毫秒為計算單位,所以需要再3600的基礎(chǔ)上再乘以1000,一天為24小時,總共90天所以是90*24*3600*1000
.
在選擇了開始時間后done: function (value, date)
中value的值為當(dāng)前選擇的時間,將該值轉(zhuǎn)化為時間戳為:var date1 = new Date(value).getTime();
90天后的時間戳為:var date2 = date1 + 90 * 24 * 3600 * 1000;
再將獲取的時間轉(zhuǎn)化為年月日:
var date5 = { 'date': date3.getDate(), 'month': date3.getMonth() + 1, 'year': date3.getFullYear() };
將獲取到的值賦值給結(jié)束時間的最小值和最大值:
end.config.max = date5; end.config.max.month = date5.month - 1; end.config.min = date; end.config.min.month = date.month - 1;
所以完整的代碼為:
var start = laydate.render({ elem: '#bx_start', type: 'date', max: max, min: min, showBottom: false, btns: ['clear', 'confirm'], done: function (value, date) { var date1 = new Date(value).getTime();//將當(dāng)前選擇的時間轉(zhuǎn)化為時間戳 var date2 = date1 + 90 * 24 * 3600 * 1000;//獲取90天后的時間 var date3 = new Date(date2); var date5 = { 'date': date3.getDate(), 'month': date3.getMonth() + 1, 'year': date3.getFullYear() }; end.config.max = date5; end.config.max.month = date5.month - 1; end.config.min = date; end.config.min.month = date.month - 1; } });
c.將獲取的min和max傳給結(jié)束時間
var end = laydate.render({ elem: '#bx_end', type: 'date', max: max, min: min, showBottom: false, done: function (value, date) { if ($.trim(value) == '') { var curDate = new Date(); date = { 'date': curDate.getDate(), 'month': curDate.getMonth() + 1, 'year': curDate.getFullYear() }; } start.config.max = date; start.config.max.month = date.month - 1; } });
以下為完整代碼
<script> layui.use(['form','layedit', 'laydate','layer','element'], function() { $ = layui.jquery; layer = layui.layer; var form = layui.form; layedit = layui.layedit; laydate = layui.laydate; //定義變量當(dāng)前時間、最小時間、最大時間 var now = new Date(); var min = now.getFullYear() + "-" + (now.getMonth() + 1) + "-" + (now.getDate() + 1); var max = now.getFullYear() + "-" + (now.getMonth() + 2) + "-" + (now.getDate() + 2); var start = laydate.render({ elem: '#bx_start', type: 'date', max: max, min: min, showBottom: false, btns: ['clear', 'confirm'], done: function (value, date) { var date1 = new Date(value).getTime();//將當(dāng)前選擇的時間轉(zhuǎn)化為時間戳 var date2 = date1 + 90 * 24 * 3600 * 1000;//獲取90天后的 var date3 = new Date(date2); var date5 = { 'date': date3.getDate(), 'month': date3.getMonth() + 1, 'year': date3.getFullYear() }; end.config.max = date5; end.config.max.month = date5.month - 1; end.config.min = date; end.config.min.month = date.month - 1; } }); var end = laydate.render({ elem: '#bx_end', type: 'date', max: max, min: min, showBottom: false, done: function (value, date) { if ($.trim(value) == '') { var curDate = new Date(); date = { 'date': curDate.getDate(), 'month': curDate.getMonth() + 1, 'year': curDate.getFullYear() }; } start.config.max = date; start.config.max.month = date.month - 1; } }); }); </script>
以上是“如何設(shè)置TP5.1+layui時間范圍”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
網(wǎng)頁題目:如何設(shè)置TP5.1+layui時間范圍
URL網(wǎng)址:http://muchs.cn/article18/gppogp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供動態(tài)網(wǎng)站、標(biāo)簽優(yōu)化、營銷型網(wǎng)站建設(shè)、全網(wǎng)營銷推廣、虛擬主機(jī)、品牌網(wǎng)站設(shè)計
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)