单击复选框后,在文本框中显示当前日期



我正在构建一个表单来标准化文件名(我是一名视频编辑器(。经过大量的研究、复制、粘贴和测试,我几乎做到了。我只需要在用户点击相应的复选框后,在文件名的末尾显示当前日期。

HTML有获取当前日期的代码,并根据我的意愿对其进行格式化(YYYMDD(,但就我而言,我找不到在文件名末尾显示它的方法。显示日期的代码可以工作,因为我可以启用/禁用文本,但我不能显示todaydate函数的结果。

这是获取当前日期并将其格式化为YYYMDD:的代码

function SetDate()
{
var date = new Date();
var day = date.getDate();
var month = date.getMonth() + 1;
var year = date.getFullYear() - 2000;

if (month < 10) month = "0" + month;
if (day < 10) day = "0" + day;

var today = year + month + day;

document.getElementById('today').value = today;
}

这是在单击复选框时添加或删除文件名末尾日期的代码。

function todaysdate()
{
var checkbox = document.getElementById('todayis');
if (checkbox.checked != false)
document.getElementById('todayis').value = "DATE";
if (checkbox.checked != true)
document.getElementById('todayis').value = "";
}

这是复选框的代码:

Add date (YYMMDD): <input type="checkbox" onclick="todaysdate()" id="todayis" value="" />

提前感谢您的帮助

编辑:添加了代码。

todaysdate函数中,您将todayis输入的值设置为DATE,您应该将其设置为日期计算的值。这只是对你所拥有的东西的一点改变,可能会奏效!

function todaysdate()
{
var checkbox = document.getElementById('todayis');
if (checkbox.checked != false)
document.getElementById('todayis').value = getDate();
else if (checkbox.checked != true)
document.getElementById('todayis').value = "";
}
function getDate()
{
var date = new Date();
var day = date.getDate();
var month = date.getMonth() + 1;
var year = date.getFullYear() - 2000;
if (month < 10) month = "0" + month;
if (day < 10) day = "0" + day;
var today = year + "" + month + "" + day;
return today;
}

您还可以使用php函数Time:

设置时区:

date_default_timezone_set('America/New_York');

并获取实际日期:

$date_now = date('Y/m/d', time());

因此,要在输入上设置值:

<input type="checkbox" value="<?php echo $date_now ?>" />
function getYYMMDDDate(date) {
var year = String(date.getFullYear()).substring(2,4);
var month = String(date.getMonth() + 1).padStart(2, "0");
var day = String(date.getDate()).padStart(2,"0");
return year + month + day;
}

...
// change this document.getElementById('todayis').value = "DATE";
document.getElementById('todayis').value = getYYMMDDDate(new Date());

最新更新