:
1.ブートストラップ日付ピッカーのDaysの違いは、(失敗した)
2.コンボボックスから部屋の数は(成功しました) 3.部屋の価格($ 200)
最後に、3つの値がすべて乗算され、入力 "grandtotal"に表示されます。
私はいくつかの方法を試しましたが、私はjavascriptを初めて使うので、いくつかの問題があります。あなたはすべて私を助け、このプロセスを通して私を導くことができますか?
"grandtotal"は、ユーザーが日付と部屋の数を選択すると自動的に計算されなければなりません。日の計算のためのスクリプトコーディングも間違っています。
私はさらに助けが必要なので、私はあなたに連絡することができます。再度、感謝します。ブートストラップ日付ピッカーは、日付の差予約計算
1.ユーザーは、Bootstrap Datepickerを使用してチェックインとチェックアウトの日付を選択した後、部屋の数を選択します。ユーザが選択すると、入力「grandtotal」は自動的に更新されなければならない。
<form method="post" action="reservation.php">
<input id="from" name="checkin" type="text" id="from"/>
<input id="to" name="checkout" type="text" id="to"/>
<select onchange="ChooseContact(this)" name="numrooms" id="rooms">
<option value="1">1 room</option>
<option value="2">2 rooms</option>
</select>
<select class="hidden" name="price">
<option selected="selected">200</option>
</select>
</form>
// this displays the respective values for selecting the dates, the number of rooms and finally, the "grandtotal" is shown automatically.
<input readonly id="totaldays" placeholder="1">
<input readonly id="totalrooms" placeholder="1">
<input readonly id="grandtotal" placeholder="-">
// bootstrap datepicker configuration
<script>
$(function() {
var dates = $("#from, #to").datepicker({
defaultDate: "+0w",
changeMonth: false,
numberOfMonths: 1,
dateFormat: 'dd-mm-yy',
minDate: '01-10-2016',
maxDate: '31-10-2016',
});
});
</script>
// bootstrap datepicker days calculation and total rooms assigned to input
<script>
$(function() {
$('.datepicker').datepicker({format: "dd-mm-yyyy"});
var calculateDuration = function() {
var startDate = new Date($('#from').val());
var endDate = new Date($('#to').val());
var diff = endDate - startDate;
document.getElementById('totaldays').value = (Number(diff)/86400000) +1;
}
$('#from').change(calculateDuration);
$('#to').change(calculateDuration);
});
function ChooseContact(data) {
var totalrooms = data.value;
document.getElementById ("totalrooms").value = (Number(totalrooms));
}
</script>
That`sはすべて、私は、ユーザーがそれぞれの値とどのようにgrandtotal計算を行うにはをクリックすると、各入力(totaldays、totalrooms、grandtotal)を割り当てる方法がわかりません。
今起こっていることは何ですか?どのような価値を得る? – RohitS
こんにちは@RohitS、01/10/2016と02/10/2016の日付を選択した場合、それは32日表示されます –
こんにちは、その2番目のパラメータは月ではないので、それは'10/01/2016 '&& '10/02/2016' – RohitS