From 1b8be02a840999ed87b6be5c25e635ea83831138 Mon Sep 17 00:00:00 2001 From: atao Date: Wed, 28 Jun 2017 14:09:48 +0800 Subject: [PATCH] 修改购买卡时的费用 --- src/main/webapp/WEB-INF/pages/monthpay.html | 555 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- src/main/webapp/WEB-INF/pages/yearpay.html | 197 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++------------------------------------------------------------------------- 2 files changed, 418 insertions(+), 334 deletions(-) diff --git a/src/main/webapp/WEB-INF/pages/monthpay.html b/src/main/webapp/WEB-INF/pages/monthpay.html index caeac9f..c7b8966 100644 --- a/src/main/webapp/WEB-INF/pages/monthpay.html +++ b/src/main/webapp/WEB-INF/pages/monthpay.html @@ -1,299 +1,332 @@ - - 月卡支付 - - - - - - - - - - - - - - + + 月卡支付 + + + + + + + + + + + + + +
- -
-
-
- + +
+
+
+ +
-
-
-
-
- +
+
+
+ +
-
-
-
- -
-
-
-
-
- -+ +
+
+ +
-
-
-
-
- +
+
+
+ -+ +
-
+
+
+
+ +
+
+
-
-
-
-
- +
+
+
+ +
-
-
-
- -
- ¥90 +
+
+ +
+ ¥90 +
-
- 提交订单 + 提交订单
diff --git a/src/main/webapp/WEB-INF/pages/yearpay.html b/src/main/webapp/WEB-INF/pages/yearpay.html index 3c19c36..366ad87 100644 --- a/src/main/webapp/WEB-INF/pages/yearpay.html +++ b/src/main/webapp/WEB-INF/pages/yearpay.html @@ -110,101 +110,152 @@ var func = { }; $(function () { func.initYearCardInfo(); - //获取最小S时间 - function shownowtime(){ - var mydate = new Date(); - var month = mydate.getMonth()+1; - var data = mydate.getDate(); - if(data<10){ - data='0'+data; - }; - if(month<10){ - month = '0'+month; - }; + //当pick的值发生变化的时候 + function pickerOnClose() { + var inputDateStr = formatDateStr($('#date').val()); + var inputDate = new Date(inputDateStr); + var inputYear = inputDate.getFullYear(); + var inputMonth = inputDate.getMonth(); + var date = new Date(); + var thisYear = date.getFullYear(); + var thisMonth = date.getMonth(); + + //当前时间大于选择的时间 + if (thisYear >= inputYear && thisMonth >= inputMonth) { + $.toptip('开始时间不能小于下月 1号 ', 'warning'); + setPickerDefaultValue(); + } + + var num = $("#numder").val(); + var startDateStr = $("#date").val(); + var dateStr= formatDateStr(startDateStr); + handelEndDateAndPrice(num, new Date(dateStr)); - var str = "" + mydate.getFullYear() + "-"; - str += month + "-"; - str += data ; - return str; } - function showprevtime(){ - var mydate = new Date(); - var month = mydate.getMonth()+1; - var data = mydate.getDate()-1; - if(data<10){ - data='0'+data; - }; - if(month<10){ - month = '0'+month; - }; - var str = "" + mydate.getFullYear() + "-"; - str += month + "-"; - str += data ; - return str; + //设置当前时间默认值 + function setPickerDefaultValue() { + var date = new Date(); + var year = date.getFullYear() + '年'; + var month = date.getMonth() + 2 + '月'; + if (month.length < 3) { + month = '0' + month; + } + + var defaultDate = [year, month, '01日']; + $("#date").picker("setValue", defaultDate); + } - $("#date").calendar({ - //最小时间为当前时间 - minDate:showprevtime(), - value:[shownowtime()], - onChange: function (p, values, displayValues) { - var num = $('#numder').val(); - var val1 = values[0].slice(0,4); - var val2 = values[0].slice(4); - console.log(Number(val1) +Number(num)); - var endDate = Number(val1) +Number(num); - $('#date1').val(endDate+val2); + //初始化时间picker选择器的参数 + function initPickerParam() { + var onClose = pickerOnClose; + var years = []; + var months = ['01月', '02月', '03月', '04月', '05月', '06月', '07月', '08月', '09月', '10月', '11月', '12月']; + var date = new Date(); + var thisYear = date.getFullYear(); + for (var i = 0; i < 10; i++) { + years[i] = thisYear + i + '年'; } - }); + var param = {}; + param.onClose = onClose; + param.title = '请选择开始时间'; + var cols = [{"textAlign": 'center', values: years}, { + "textAlign": 'center', + values: months + }, {"textAlign": 'center', values: ['01日']}] + param.cols = cols; + + return param; + } + + //选择日期 + $("#date").picker( + initPickerParam() + ); + + + //根据数量，开始时间计算 结束时间，总价 + function handelEndDateAndPrice(num, startDate) { + if(typeof num== 'string'){ + num = parseInt(num); + } + //设置数量 + $("#numder").val(num); + startDate.setDate(0)//设置为0，意思为取当前月最后一天 + var year = startDate.getFullYear()+num; + var month = startDate.getMonth()+1+''; + var day = startDate.getDate() + ''; + if (month.length == 1) { + //只有一位，需要补0 + month = '0' + month; + } + + if (day.length == 1) { + //只有一位，需要补0 + day = '0' + day; + } + var endDateStr = year + '年 ' + month + '月 ' + day + '日'; + //设置失效日期 + $('#date1').val(endDateStr); + //设置总价 + var price = $("#cardAmount").val(); + $("#totle_money").html(num * price); + } + + + //将年月日的日期 格式化成 用 - 间隔的 + function formatDateStr(dateStr) { + return dateStr.replace('年', '-').replace('月', '-').replace('日', '').replace(' ', '').replace(' ', ''); + } + //添加数量 - $("#add_btn").click(function(){ - var cardAmount = $('#cardAmount').val();//年卡单价 - var _numb = $("#numder").val(); - _numb++; - if(_numb>=6){ - return false; + $("#add_btn").click(function () { + + var startDateStr = $("#date").val(); + if (null == startDateStr || startDateStr.length < 1) { + $.toptip('请先选择开始时间', 2000, 'warning'); + return; } - $("#numder").val(_numb); - $("#totle_money").text(_numb*cardAmount); - var dataVal = $('#date').val(); - if(dataVal){ - var val1 = dataVal.slice(0,4); - var val2 = dataVal.slice(4); - console.log(Number(val1) +Number(_numb)); - var endDate = Number(val1) +Number(_numb); - $('#date1').val(endDate+val2); + var num = $("#numder").val(); + num++; + if (num > 1 && num < 6) { + var startDate = new Date(formatDateStr(startDateStr)); + handelEndDateAndPrice(num, startDate); + } else { + $.toptip('最多购买5年', 2000, 'warning'); } }); //减去数量 - $("#reduce_btn").click(function(){ - var cardAmount = $('#cardAmount').val();//年卡单价 - var _numb = $("#numder").val(); - if(_numb<=1){ - return false; + $("#reduce_btn").click(function () { + + var startDateStr = $("#date").val(); + if (null == startDateStr || startDateStr.length < 1) { + $.toptip('请先选择开始时间', 2000, 'warning'); + return; } - _numb--; - $("#numder").val(_numb) - $("#totle_money").text(_numb*cardAmount); - var dataVal = $('#date').val(); - if(dataVal){ - var val1 = dataVal.slice(0,4); - var val2 = dataVal.slice(4); - console.log(Number(val1) +Number(_numb)); - var endDate = Number(val1) +Number(_numb); - $('#date1').val(endDate+val2); + + var num = $("#numder").val(); + num--; + if (num > 0) { + var startDate = new Date(formatDateStr($("#date").val())); + handelEndDateAndPrice(num, startDate); + } else { + $.toptip('最少购买一年', 2000, 'warning'); } + }); + //立即支付 $('#pay_btn').on('click',function () { var carNum = $('#license_number').val(); var parkLotCardId = $('#parkLotCardId').val(); var buyNum = $('#numder').val(); - var startDate = $('#date').val(); - var endDate = $('#date1').val(); + var startDate = formatDateStr($('#date').val()); + var endDate = formatDateStr($('#date1').val()); var totleMoney =$('#totle_money').text(); if(carNum == '' || carNum ==null || carNum == undefined){ $.toptip('亲!请输入车牌号', 3000, 'warning'); //设置显示时间 -- libgit2 0.21.4