Заполните поле ввода HTML5 текущей датой + 14 дней - PullRequest
1 голос
/ 24 июня 2019

Пользователь отправляет монету, и когда он собирается это сделать, я хочу, чтобы дата загружалась в поле ввода, которое я использую для отслеживания времени, когда была сделана отправка. Эта дата будет записана в базе данных MySQL. Дата отсечения устанавливается как наступающая раз в две месяца пятница (например, даты отсечения - 14 июня и 28 июня. Если отправка сделана сегодня, то датой отсечения является 28 июня. Если отправка производится 30 июня, отсечка дата будет 12 июля. Я включил всю форму, чтобы вы могли получить более широкую картину. Не стесняйтесь вносить изменения. Спасибо за любую помощь, очень признателен.

Я могу вызвать функцию javascript и позволить пользователю выбрать дату из календаря, но это не то, что мне нужно. Javascript - получить дату из ввода HTML , но я не уверен, как объединить +14 дней для следующей даты отсечения.

CoinSubmission.html

<form action="AdminCoinSub_Code.php" method="POST">
  <h1 id="litheader">Coin Submission</h1>
  <div class="inset">
           <input type="text" list="Store" name="Store" placeholder="Store">
        <datalist id="store">
          <option value="Causeway Bay">
          <option value="Wan Chai">
          <option value="Lai Chi Kok">
          <option value="Tai Po">
        </datalist>    
        <input type="text" list="Position" name="Position" placeholder="Position">
        <datalist id="position">
          <option value="1">
          <option value="2">
          <option value="3">
          <option value="4">
        </datalist>    
        <p>
      <input type="text" name="Nickame" id="Nickname" placeholder="Nickname">
    </p>
    <p>
      <input type="text" name="Contact" id="Contact" placeholder="Contact">
    </p>
    <p>
      <input type="text" name="MachineCount" id="Machine Count" placeholder="Machine Count">
    </p>
    <p>
  <input type="text" name="CutOffDate" id="CutOffDate" placeholder="Cut Off Date">
    </p>
    <p>
      <input type="text" name="Coins" id="Coins" placeholder="Coins">
    </p>
    <p>
        <input type="file" type="text" name="location" accept="image/*">
    <div class="btnConfirm">       
    <input class="loginLoginValue" type="hidden" name="" value="" />
    </div>
  </div>
    <div class="btnConfirm">
        <input type="submit" onclick="location.href='CoinSubmission.php';" name="Submit" value="Confirm">
    </div><br><br>
    <div class="wrapper2">
  <nav>
    <ul>
      <li><a href="AdminSubmission.php" class="active">SUBMISSION</a></li>
      <li><a href="OccupancyListAdmin.php">OCCUPANCY</a></li>
      <li><a href="#">ANALYTICS</a></li>
        <li><a href="#">SEARCH</a></li>
    </ul>
  </nav>
    </div>
    </form>

AdminCoinSub_Code.php

<?php {
$servername = "localhost";
$username = "root";
$password = "password";
$dbname = "administrator_logins";

try {
    $conn = new PDO("mysql:host=$servername;dbname=$dbname", $username, $password);
    // set the PDO error mode to exception
    $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

    // prepare sql and bind parameters
    $stmt = $conn->prepare("INSERT INTO admincoinsubmission (Store, Position, Nickname, Contact, MachineCount, CutOffDate, Coins, location) 
    VALUES ('$_POST[Store]','$_POST[Position]','$_POST[Nickame]','$_POST[Contact]','$_POST[MachineCount]','$_POST[CutOffDate]','$_POST[Coins]','$_POST[location]')");
    $stmt->bindParam(':Store', $Store);
    $stmt->bindParam(':Position', $Position);
    $stmt->bindParam(':Nickname', $Nickname);
    $stmt->bindParam(':Contact', $Contact);
    $stmt->bindParam(':MachineCount', $MachineCount);
    $stmt->bindParam(':CutOffDate', $CutOffDate);
    $stmt->bindParam(':Coins', $Coins);
    $stmt->bindParam(':location', $location);

    $stmt->execute();



    echo "Success";
    }
catch(PDOException $e)
    {
    echo "Error: " . $e->getMessage();
    }
$conn = null;
}
?>

When the page loads the date row in the coin submission form should display the cutoffdate. 

date = (current date + cutoffdate)

Ответы [ 2 ]

1 голос
/ 24 июня 2019

Вы можете выполнить следующую задачу, используя похожий код -

<!DOCTYPE html>
<html lang="en" dir="ltr">
    <head>
       <meta charset="utf-8">
       <title>Date +14 days</title>
    </head>
    <body>
        <input type="date" name="date1" id="date1" value="" />
        <input type="text" name="date2" id="date2" value="" />

        <script type="text/javascript">
            var date1 = document.getElementById("date1");
            date1.addEventListener('change', function(){
                tempDate = new Date(date1.value);
                finalDate = tempDate.setDate(tempDate.getDate() + 14);
                console.log(new Date(finalDate));
            });
       </script>
   </body>
</html>
0 голосов
/ 24 июня 2019

Для достижения ожидаемого результата используйте нижеприведенную опцию добавления времени с помощью метода getTime () и добавления 14 дней

var currentDate = new Date(new Date().getTime()+(14*24*3600000))
document.getElementById('CutOffDate').value = (currentDate.getDate()) +'/' + (currentDate.getMonth()+1) +'/'+ currentDate.getFullYear()

Пример рабочего кода для справки

var currentDate = new Date(new Date().getTime()+(14*24*3600000))
document.getElementById('CutOffDate').value = (currentDate.getDate()) +'/' + (currentDate.getMonth()+1) +'/'+ currentDate.getFullYear()
<form action="AdminCoinSub_Code.php" method="POST">
  <h1 id="litheader">Coin Submission</h1>
  <div class="inset">
           <input type="text" list="Store" name="Store" placeholder="Store">
        <datalist id="store">
          <option value="Causeway Bay">
          <option value="Wan Chai">
          <option value="Lai Chi Kok">
          <option value="Tai Po">
        </datalist>    
        <input type="text" list="Position" name="Position" placeholder="Position">
        <datalist id="position">
          <option value="1">
          <option value="2">
          <option value="3">
          <option value="4">
        </datalist>    
        <p>
      <input type="text" name="Nickame" id="Nickname" placeholder="Nickname">
    </p>
    <p>
      <input type="text" name="Contact" id="Contact" placeholder="Contact">
    </p>
    <p>
      <input type="text" name="MachineCount" id="Machine Count" placeholder="Machine Count">
    </p>
    <p>
  <input type="text" name="CutOffDate" id="CutOffDate" placeholder="Cut Off Date">
    </p>
    <p>
      <input type="text" name="Coins" id="Coins" placeholder="Coins">
    </p>
    <p>
        <input type="file" type="text" name="location" accept="image/*">
    <div class="btnConfirm">       
    <input class="loginLoginValue" type="hidden" name="" value="" />
    </div>
  </div>
    <div class="btnConfirm">
        <input type="submit" onclick="location.href='CoinSubmission.php';" name="Submit" value="Confirm">
    </div><br><br>
    <div class="wrapper2">
  <nav>
    <ul>
      <li><a href="AdminSubmission.php" class="active">SUBMISSION</a></li>
      <li><a href="OccupancyListAdmin.php">OCCUPANCY</a></li>
      <li><a href="#">ANALYTICS</a></li>
        <li><a href="#">SEARCH</a></li>
    </ul>
  </nav>
    </div>
    </form>

codepen - https://codepen.io/nagasai/pen/VJWmNE?editors=1010

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...