Thymeleaf 文本框自动显示当前日期 (JavaScript)
以下是使用 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>
这样,当页面加载时,文本框将自动显示当前年月日。
原文地址: https://www.cveoy.top/t/topic/nyc2 著作权归作者所有。请勿转载和采集!