以下是一个前后端传递日期的demo,前端使用了jQuery和moment.js库,后端使用了PHP语言。

前端代码:

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>日期传递示例</title>
	<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
</head>
<body>
	<input type="date" id="date">
	<button id="send">发送</button>
	<div id="result"></div>
	<script>
		$(function() {
			$('#send').click(function() {
				var date = $('#date').val();
				var formattedDate = moment(date).format('YYYY-MM-DD');
				$.ajax({
					url: 'backend.php',
					data: {
						date: formattedDate
					},
					success: function(response) {
						$('#result').html(response);
					}
				});
			});
		});
	</script>
</body>
</html>

后端代码:

<?php
if ($_SERVER['REQUEST_METHOD'] === 'GET') {
    if (isset($_GET['date'])) {
        $date = $_GET['date'];
        echo '前端传递的日期为:' . $date;
    } else {
        echo '请传递日期参数';
    }
}
?>

该示例中,前端页面包含一个日期选择器和一个发送按钮,当用户选择日期并点击按钮时,前端使用moment.js将日期格式化为YYYY-MM-DD格式,并通过ajax发送给后端。后端通过GET方法获取日期参数,并输出到页面上。

能给我一个前后端传日期的demo吗

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

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