很多時(shí)候要?jiǎng)討B(tài)校驗(yàn)開(kāi)始結(jié)束時(shí)間，每次都要寫一次，太麻煩，以備后面拷貝使用，

代碼作用簡(jiǎn)介：

開(kāi)始結(jié)束時(shí)間，聯(lián)動(dòng)，開(kāi)始時(shí)間前后移動(dòng)，對(duì)應(yīng)結(jié)束時(shí)間相應(yīng)變化，時(shí)間差30天

html：

<input type='date' placeholder='請(qǐng)輸入(From)...' value='${startDate }' onblur='onblurStartDate();' /><input type='date' placeholder='請(qǐng)輸入(To)...' value='${endDate }' onblur='onblurEndDate();' />

js:

<script type='text/javascript'>/** * 動(dòng)態(tài)校驗(yàn)開(kāi)始時(shí)間 * @returns */function onblurStartDate() {var startDateStr = $('#txtStartDate').val();var nowDate = new Date().toISOString().substring(0, 10); //當(dāng)前時(shí)間截取操作var endDateStr = addDate(startDateStr, 29); if(startDateStr >= nowDate) {alert('開(kāi)始時(shí)間不能大于等于今天！');var endDate = addDate(nowDate, -29);$('#txtStartDate').val(endDate);return;}if(endDateStr >= nowDate) {$('#txtEndDate').val(nowDate);return false;}$('#txtEndDate').val(endDateStr);} /** * 動(dòng)態(tài)校驗(yàn)結(jié)束時(shí)間 * @returns */function onblurEndDate() {var endDateStr = $('#txtEndDate').val();var nowDate = new Date().toISOString().substring(0, 10); //當(dāng)前時(shí)間截取操作 if(endDateStr > nowDate) {alert('結(jié)束時(shí)間不能大于今天！');$('#txtEndDate').val(nowDate);var startDate = addDate(nowDate, -29);$('#txtStartDate').val(startDate);return false;}var startDateStr = addDate(endDateStr, -29);$('#txtStartDate').val(startDateStr);} /** * 日期加減法 格式:addDate(’2017-01-11’,20) * @param date計(jì)算開(kāi)始的日期 * @param days需要加的天數(shù) （正數(shù)加，負(fù)數(shù)減） * @returns 計(jì)算后的時(shí)間 */function addDate(date, days) {var d = new Date(date);d.setDate(d.getDate() + parseInt(days));var m = d.getMonth() + 1;m = parseInt(m) < 10 ? (’0’ + m) : m;var day = parseInt(d.getDate()) < 10 ? (’0’ + d.getDate()) : d.getDate();return d.getFullYear() + ’-’ + m + ’-’ + day;}</script>

java后臺(tái)：

/** * 頁(yè)面初始化+指定時(shí)間 * @param request * @param response * @return */@RequestMapping(value = { '/pageInit.do' })protected String pageInit(final HttpServletRequest request, final HttpServletResponse response) {SimpleDateFormat sdf = new SimpleDateFormat('yyyy-MM-dd');request.setAttribute('startDate', sdf.format(TimeUtils.addDate(new Date(), -29)));request.setAttribute('endDate', sdf.format(new Date()));return 'taskManage/taskindex';}

總結(jié)

到此這篇關(guān)于js 動(dòng)態(tài)校驗(yàn)開(kāi)始結(jié)束時(shí)間的文章就介紹到這了,更多相關(guān)js 動(dòng)態(tài)校驗(yàn)時(shí)間內(nèi)容請(qǐng)搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)！