Jquery实现获取当前时间，另一个时间自动加1天

2019独角兽企业重金招聘Python工程师标准>>>

页面设计过程中，我们可能会需要一些联动来控制时间。比如租用商品。当选择租用起始时间的时候。还取时间自动加1。

因为js显示时间在页面取得后。是字符串类型。所以要先转换成时间格式。然后对天数加1 。然后AJAX动态提交数据，改变页面其他变动值。

核心代码：

$(“#realInp”).click(function() {
WdatePicker({
minDate : ‘%y-%M-%d’,
doubleCalendar : true,
onpicked : cal

});
});
$(“#realInp2″).click(function() {
WdatePicker({
minDate : timeadd,
doubleCalendar : true,
onpicked : calB
});
});

————————————————————————————
function cal() {
var getcarTime = $(“.getcarTime”).val();
var backcarTime = $(“.backcarTime”).val();
var getminute = $(“.minute1″).val();
var backminute = $(“.minute”).val();
timeadd= new Date($(“#realInp”).val().replace(/-/g,”/”));
timeadd= new Date(timeadd.getTime() + 1*24*60*60*1000);
timeadd=timeadd.getFullYear() + “-” + (timeadd.getMonth() + 1) + “-”+ timeadd.getDate();
$(“#realInp2″).val(timeadd);
var getcarday = $(“#realInp”).val() + ” ” + getcarTime + getminute;
var backcarday = $(“#realInp2″).val(); + ” ” + backcarTime + backminute;
// alert(_carID+”getcarTime”+getcarTime+”backcarTime”+backcarTime+
// “getcarday”+getcarday+”backcarday”+backcarday);
if (getcarday < backcarday) {
if (getcarday == “” && getcarday == null) {
alert(“请选择取的时间”);
return;
} else if (backcarday == “” && backcarday == null) {
alert(“请选择还的时间”);
return;
} else {
$.ajax({
url : “orderAction!countTotalCost.actionx”,
data : {
carID : _carID,
getCarTime : getcarday,
returnCarTime : backcarday
},
dataType : “json”,
type : “get”,
cache : false,
success : function(data) {

} });
}} } ;

 

——————————————————————————————

页面：

<li>取的时间：
<p>
<input id=”realInp” type=”text” style=”width: 170px;” class=”Wdate” />
<select class=”getcarTime selBtn” style=”width:58px;”>
<option value=”8:”>8点</option>
<option value=”9:” selected=”selected”>9点</option>
<option value=”10:”>10点</option>
<option value=”11:”>11点</option>
<option value=”12:”>12点</option>
<option value=”13:”>13点</option>
<option value=”14:”>14点</option>
<option value=”15:”>15点</option>
<option value=”16:”>16点</option>
<option value=”17:”>17点</option>
<option value=”18:”>18点</option>
<option value=”19:”>19点</option>
<option value=”20:”>20点</option>
<option value=”21:”>21点</option>
<option value=”22:”>22点</option>
<option value=”23:”>23点</option>
</select>
<select class=”minute1 selBtn” name=”doMinute”>
<option value=”0″>0分</option>
<option value=”15″>15分</option>
<option selected=”selected” value=”30″>30分</option>
<option value=”45″>45分</option>
</select>
</p>
</li>

<li>还的时间：
<p>
<input class=”Wdate” value=”" id=”realInp2″ type=”text”
style=”width: 170px;” />
<select class=”backcarTime selBtn” style=”width:58px;”>
<option class=”button” value=”8:”>8点</option>
<option value=”9:” selected=”selected”>9点</option>
<option value=”10:”>10点</option>
<option value=”11:”>11点</option>
<option value=”12:”>12点</option>
<option value=”13:”>13点</option>
<option value=”14:”>14点</option>
<option value=”15:”>15点</option>
<option value=”16:”>16点</option>
<option value=”17:”>17点</option>
<option value=”18:”>18点</option>
<option value=”19:”>19点</option>
<option value=”20:”>20点</option>
<option value=”21:”>21点</option>
<option value=”22:”>22点</option>
<option value=”23:”>23点</option>
</select>
<select class=”minute selBtn” name=”doMinute2″>
<option value=”0″>0分</option>
<option value=”15″>15分</option>
<option selected=”selected” value=”30″>30分</option>
<option value=”45″>45分</option>
</select>
</p>
</li>

 

解释：

timeadd= new Date($(“#realInpOne”).val().replace(/-/g,”/”)); //在页面取得当前时间，并截取。

timeadd= new Date(timeadd.getTime() + 1*24*60*60*1000);  //对取得的时间加1天。当然可以改为你想要的。
timeadd=timeadd.getFullYear() + “-” + (timeadd.getMonth() + 1) + “-”+ timeadd.getDate();//重新拼接成2013-1-9 格式

$(“#realInpTwo”).val(timeadd);//设置2个时间框的onchange事件。 在页面一个时间变化时，动态改变另一个时间的值。

此时去取  ： $(“#realInp2″).val();的值。就是你想要的那个值。

转载请注明：JSUED

转载于:https://my.oschina.net/markyun/blog/101112