以下是使用 Thymeleaf 和 JavaScript 自动显示当前年月日的示例:

首先,在 HTML 页面中添加一个文本框:

<input type='text' th:id='date' />

然后,在 JavaScript 中获取当前日期并将其填充到文本框中:

var date = new Date();
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();

if (month < 10) {
    month = '0' + month;
}
if (day < 10) {
    day = '0' + day;
}

var formattedDate = year + '-' + month + '-' + day;
document.getElementById('date').value = formattedDate;

最后,将 JavaScript 代码放在 script 标签中,并将其放在 Thymeleaf 模板文件的底部,如下所示:

<script th:inline='javascript'>
    var date = new Date();
    var year = date.getFullYear();
    var month = date.getMonth() + 1;
    var day = date.getDate();

    if (month < 10) {
        month = '0' + month;
    }
    if (day < 10) {
        day = '0' + day;
    }

    var formattedDate = year + '-' + month + '-' + day;
    document.getElementById('date').value = formattedDate;
</script>

这样,当页面加载时,文本框将自动显示当前年月日。

Thymeleaf 文本框自动显示当前日期 (JavaScript)

原文地址: https://www.cveoy.top/t/topic/nyc2 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录