很多時候要動態校驗開始結束時間，每次都要寫一次，太麻煩，以備后面拷貝使用，

代碼作用簡介：

開始結束時間，聯動，開始時間前后移動，對應結束時間相應變化，時間差30天

html：

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

js:

<script type='text/javascript'>/** * 動態校驗開始時間 * @returns */function onblurStartDate() {var startDateStr = $('#txtStartDate').val();var nowDate = new Date().toISOString().substring(0, 10); //當前時間截取操作var endDateStr = addDate(startDateStr, 29); if(startDateStr >= nowDate) {alert('開始時間不能大于等于今天！');var endDate = addDate(nowDate, -29);$('#txtStartDate').val(endDate);return;}if(endDateStr >= nowDate) {$('#txtEndDate').val(nowDate);return false;}$('#txtEndDate').val(endDateStr);} /** * 動態校驗結束時間 * @returns */function onblurEndDate() {var endDateStr = $('#txtEndDate').val();var nowDate = new Date().toISOString().substring(0, 10); //當前時間截取操作 if(endDateStr > nowDate) {alert('結束時間不能大于今天！');$('#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計算開始的日期 * @param days需要加的天數 （正數加，負數減） * @returns 計算后的時間 */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后臺：

/** * 頁面初始化+指定時間 * @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';}

總結

到此這篇關于js 動態校驗開始結束時間的文章就介紹到這了,更多相關js 動態校驗時間內容請搜索好吧啦網以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持好吧啦網！