formulario Recebendo formulario php em html

[Glouk]

Ola,

Estou com algumas dúvidas. Pois estou criando um site de podcast, onde sempre mostra um relógio cronometrando o tempo que falta para sair o próximo ep (que é um por semana). Na pagina que utilizei, eu tenho que colocar a data final que eu quero. Por exemplo: 

	<script>
		$('.cd100').countdown100({
			/*Set Endtime here*/
			/*Endtime must be > current time*/
			endtimeYear: 2018,
			endtimeMonth: 07,
			endtimeDate: 21,
			endtimeHours: 14,
			endtimeMinutes: 0,
			endtimeSeconds: 0,
			timeZone: "America/Sao_Paulo"
			// ex:  timeZone: "America/New_York"
			//go to " http://momentjs.com/timezone/ " to get timezone
		});
	</script>

Entretanto, eu não ter que ficar editando nos códigos toda semana para renovar as datas etc... Então pensei em criar uma pagina administrativa (apenas eu terei acesso), e fazer um formulário perguntando o dia, hora etc do proximo ep. A ideia era enviar o formulario, e criar variaveis no index da pagina para receber esses dados e alterar automaticamente a data. Como tentei aqui:

Variáveis: 

$dia        = $_POST['dia'];
$mes        = $_POST['mes'];
$ano		 = $_POST['ano'];
$hora		 = $_POST['hora'];
$min		 = $_POST['minuto'];
$ep		 = $_POST['ep'];

Tempo: 

	<script>
		$('.cd100').countdown100({
			/*Set Endtime here*/
			/*Endtime must be > current time*/
			endtimeYear: $ano,
			endtimeMonth: $mes,
			endtimeDate: $dia,
			endtimeHours: $hora,
			endtimeMinutes: $min,
			endtimeSeconds: 0,
			timeZone: "America/Sao_Paulo"
			// ex:  timeZone: "America/New_York"
			//go to " http://momentjs.com/timezone/ " to get timezone
		});
	</script>

Mas não esta funcionando. Andei dando uma pesquisada e percebi que não da pra receber dados em uma pagina html pura, de uma pagina em php. Apenas se usar js, porem eu não entendo muito.

 

Este são os formulários da pagina em php:

<form class="contact100-form validate-form" method="post" action="index.php">
<span class="m1-txt2"><p align='center'><font color='#FFFFFFF'><strong>Data: </strong></font></span>	    
<select name="dia">
		<option value="01">01</option>
		<option value="02">02</option>
  .
  .
  .
  	<div class="w-full">
		<button class="flex-c-m s2-txt2 size4 bg1 bor1 hov1 trans-04" type="submit">Atualizar</button>
	</div>
</form>

Alguém poderia me ajudar? Agradeço desde já.