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