Выводить текущую дату по умолчанию на JS?

Question

[Андрей]

Нашел в сети готовый код на JS расчета предполагаемой даты родов. С кодом все ОК, он прост и понятен.

<div class="calculator_table">
	<select id="calc-month">
		<option value="0">January</option>
		<option value="1">February</option>
		<option value="2">March</option>
		<option value="3">April</option>
		<option value="4">May</option>
		<option value="5">June</option>
		<option value="6">July</option>
		<option value="7">August</option>
		<option value="8">September</option>
		<option value="9">October</option>
		<option value="10">November</option>
		<option value="11">December</option>
	</select>

	<select id="calc-day"></select>
	<select id="calc-year"></select>

	<p align="center"><button onclick="calculate();return false;">Calculate</button></p>
	<div id="results"></div>
</div>

<script>
	window.onload = function() 
	{
		for (var y = 2014; y < 2050; y++ )
		{
			document.getElementById('calc-year').innerHTML += '<option value="'+y+'">' + y +'</option>'; 
		}

		for (var d = 1; d <= 31; d++ )
		{
			document.getElementById('calc-day').innerHTML += '<option value="'+d+'">' + d +'</option>'; 
		}
	}

	function calculate()
	{
		var monthNames = new Array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');
		var day = Number(document.getElementById('calc-day').value);
		var month = Number(document.getElementById('calc-month').value);
		var year = Number(document.getElementById('calc-year').value);
		var nextday = day + 280;
		var initial = new Date(Date.UTC( year, month, day, 0, 0, 0));
		var predicted = new Date(Date.UTC( year, month, nextday, 0, 0, 0));
		var now = new Date();

		var formated = monthNames[predicted.getMonth()] + ' ' + predicted.getDate() + ', ' + predicted.getFullYear();
		var leftDays =  ( predicted.getTime() - now.getTime() ) / (24*3600*1000); 
		var currentWeeks = (now.getTime() - initial.getTime()) / (7*24*3600*1000)
		document.getElementById('results').innerHTML = '<p>Your estimated due date is ' + formated + '</p><p>Days left to your date: '+ parseInt(leftDays) +'</p><p>Weeks of pregnancy: '+ Math.round(currentWeeks) +'</p>';
	}
</script>

Но т.к. я в JS мало что понимаю, то прошу помощи в двух вещах:
1. Чтобы по умолчанию у скрипта выводилась текущая дата.
2. Добавить в результаты Conception Date - выбранная дата + 14 дней.

Очень буду благодарен за помощь.

Comments

[Александр Опарин]

И причем здесь Java?

Answer 1

[stainer]

<div class="calculator_table">
  <select id="calc-month">
    <option value="0">January</option>
    <option value="1">February</option>
    <option value="2">March</option>
    <option value="3">April</option>
    <option value="4">May</option>
    <option value="5">June</option>
    <option value="6">July</option>
    <option value="7">August</option>
    <option value="8">September</option>
    <option value="9">October</option>
    <option value="10">November</option>
    <option value="11">December</option>
  </select>

  <select id="calc-day"></select>
  <select id="calc-year"></select>

  <p align="center"><button onclick="calculate();return false;">Calculate</button></p>
  <div id="results"></div>
</div>

<script>
  window.onload = function() 
  {
	var npw = new Date();
	var g = npw.getFullYear();
	var m = npw.getMonth();
	var da = npw.getDate();
	
    for (var y = 2014; y < 2050; y++ )
    {
		document.getElementById('calc-year').innerHTML += '<option value="'+y+'">' + y +'</option>'; 	
    }

    for (var d = 1; d <= 31; d++ )
    {
      document.getElementById('calc-day').innerHTML += '<option value="'+d+'">' + d +'</option>'; 
    }
	document.getElementById('calc-year').value=g;
	document.getElementById('calc-month').value=m;
	document.getElementById('calc-day').value=da;
  }

  function calculate()
  {
    var monthNames = new Array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');
    var day = Number(document.getElementById('calc-day').value);
    var month = Number(document.getElementById('calc-month').value);
    var year = Number(document.getElementById('calc-year').value);
    var nextday = day + 280;
    var initial = new Date(Date.UTC( year, month, day, 0, 0, 0));
    var predicted = new Date(Date.UTC( year, month, nextday, 0, 0, 0));
    var now = new Date();

    var formated = monthNames[predicted.getMonth()] + ' ' + predicted.getDate() + ', ' + predicted.getFullYear();
    var leftDays =  ( predicted.getTime() - now.getTime() ) / (24*3600*1000); 
    var currentWeeks = (now.getTime() - initial.getTime()) / (7*24*3600*1000)
    document.getElementById('results').innerHTML = '<p>Your estimated due date is ' + formated + '</p><p>Days left to your date: '+ parseInt(leftDays) +'</p><p>Weeks of pregnancy: '+ Math.round(currentWeeks) +'</p>';
  }
</script>

Это с "текущей датой".
2-й пункт не понял..

Comments

[Андрей]

Отлично, получилось! Большое спасибо!
На счет второго вопроса: я выбираю дату, например 1 June 2018, а в результаты добавляется Conception Date 15 June 2018. Т.е. к выбранной пользователем дате, которая служит основой для всех расчтов просто добавляется 14 дней (дата сдвигается вперед на +14 дней).

[stainer]

В строке
var nextday = day + 280;
Добавьте нужно количество дней, т.е. не 280, а 294. Оно?

[Андрей]

Не. Это дополнительная дата расчета var nextday = day + 14

[stainer]

Т.е. в day уже передавать дату + 14?

[Андрей]

stainer, я неправильно выразился в предыдущем ответе. var conceptionDate = day + 14. Это новая величина расчета, четвертая получается.

[stainer]

Так? Вывел в Calculate.

<div class="calculator_table">
  <select id="calc-month">
    <option value="0">January</option>
    <option value="1">February</option>
    <option value="2">March</option>
    <option value="3">April</option>
    <option value="4">May</option>
    <option value="5">June</option>
    <option value="6">July</option>
    <option value="7">August</option>
    <option value="8">September</option>
    <option value="9">October</option>
    <option value="10">November</option>
    <option value="11">December</option>
  </select>

  <select id="calc-day"></select>
  <select id="calc-year"></select>

  <p align="center"><button onclick="calculate();return false;">Calculate</button></p>
  <div id="results"></div>
</div>

<script>
  window.onload = function() 
  {
	var npw = new Date();
	var g = npw.getFullYear();
	var m = npw.getMonth();
	var da = npw.getDate();
	
    for (var y = 2014; y < 2050; y++ )
    {
		document.getElementById('calc-year').innerHTML += '<option value="'+y+'">' + y +'</option>'; 	
    }

    for (var d = 1; d <= 31; d++ )
    {
      document.getElementById('calc-day').innerHTML += '<option value="'+d+'">' + d +'</option>'; 
    }
	document.getElementById('calc-year').value=g;
	document.getElementById('calc-month').value=m;
	document.getElementById('calc-day').value=da;
  }

  function calculate()
  {
    var monthNames = new Array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');
    var day = Number(document.getElementById('calc-day').value);
    var month = Number(document.getElementById('calc-month').value);
    var year = Number(document.getElementById('calc-year').value);
    var nextday = day + 280;
    var initial = new Date(Date.UTC( year, month, day, 0, 0, 0));
    var predicted = new Date(Date.UTC( year, month, nextday, 0, 0, 0));
	var conc = new Date(Date.UTC( year, month, day+14, 0, 0, 0));
    var now = new Date();

    var formated = monthNames[predicted.getMonth()] + ' ' + predicted.getDate() + ', ' + predicted.getFullYear();
    var leftDays =  ( predicted.getTime() - now.getTime() ) / (24*3600*1000); 
    var currentWeeks = (now.getTime() - initial.getTime()) / (7*24*3600*1000);
	var conceptionDate = monthNames[conc.getMonth()] + ' ' + conc.getDate() + ', ' + conc.getFullYear();
    document.getElementById('results').innerHTML = '<p>Your estimated due date is ' + formated + '</p><p>Your Conception Date: '+conceptionDate+'</p><p>Days left to your date: '+ parseInt(leftDays) +'</p><p>Weeks of pregnancy: '+ Math.round(currentWeeks) +'</p>';
  }
</script>

[Андрей]

stainer, Огромное вам спасибо!