html 表单自动填充时间和日期

vm0i2vca  于 2022-12-16  发布在  其他
关注(0)|答案(3)|浏览(201)

我正在尝试自动填写一个HTML表单的时间和日期,需要使用UTC时间。我想使用PHP或JavaScript。

<form>
<label>Date</label>
<input type="date" name="date" value="<?php echo date('Y-m-d'); ?>">
<br />
<label>Time</label>
<input type="time" name="time"/ value="">
</form>

提前感谢。

ergxz8rk

ergxz8rk1#

您只需要在时间输入中添加<?= date('H:i'); ?>

<input type="time" name="time"/ value="<?= date('H:i'); ?>">

解释:

<?=date('H:i');?>与以下等式相同:<?php echo date('H:i');?>
“H”是24小时格式的小时,“i”是带前导零的分钟。
您可以查看https://www.php.net/manual/en/function.date.php,了解不同的日期格式。

r1zhe5dt

r1zhe5dt2#

在JavaScript中,Date对象用于检索时间和日期。要分别用时间和日期预填充两个输入字段,首先需要获得对它们的引用,以便能够使用JavaScript操作它。
两个输入字段都有它的name标记集,所以我们可以使用它。

var inputElementTime=document.getElementsByName("time")[0];
var inputElementDate=document.getElementsByName("date")[0];

函数getElmentsByName返回一个数组,因为可以有多个同名的元素,而在本例中只有一个,所以我们可以直接使用数组的第一个元素,方法是追加[0]
现在我们需要获得实际日期:

var now=new Date();

输入元素.value属性需要以特殊方式进行格式化。时间应为hh:mm,日期应为:年月日

注意:hh、mm和dd始终需要2位数字。如果是6月1日,则必须添加前导零,例如01

下面是完整的示例(只需单击“运行代码片段”):
一个二个一个一个

xqnpmsa8

xqnpmsa83#

下面是使用Date()的方法;函数

let objectDate = new Date();

var time = objectDate.toLocaleTimeString([], {
      hourCycle: 'h24',
      hour: '2-digit',
      minute: '2-digit'
  });

var date = objectDate.toLocaleDateString('sv');

document.getElementById('time').value = time;
document.getElementById('datePicker').value = date;
<div class="form-check form-check-inline">
            <label for="appt">Time:</label>
            <input type="time" id="time" name="appt"
                min="09:00" max="18:00" required>
          </div>

          <label for="start">Date:</label> 
          <input type="date" id="datePicker" value="2018-07-22">

相关问题