闲来无事，想做个日期计算的小应用，需求如下：
应用名称：日期计算器
实现功能：
1、用户通过输入框，输入两个日期，然后计算两个日期之间的差值
2、用户通过输入框，输入起始日期与天数，计算几天后的日期
界面我就用现成的框架 bootstrap4。
现在我在 VSCode 上让 codegeex 来帮我实现这个应用，看看能不能实现。
提上需求后，Codegeex 就开始分析我的需求，然后生成代码，我感觉生成代码只需要几秒钟：
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>日期计算工具</title><!-- 引入 Bootstrap CSS --><link href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/css/bootstrap.min.css" rel="stylesheet"></head><body><div class="container mt-5"><h2>日期计算工具</h2><div class="row"><div class="col-md-6"><h4>计算两个日期之间的差值</h4><div class="form-group"><label for="date1">起始日期</label><input type="date" class="form-control" id="date1"></div><div class="form-group"><label for="date2">结束日期</label><input type="date" class="form-control" id="date2"></div><button id="calculateDiff" class="btn btn-primary">计算差值</button><p id="diffResult"></p></div><div class="col-md-6"><h4>计算几天后的日期</h4><div class="form-group"><label for="startDate">起始日期</label><input type="date" class="form-control" id="startDate"></div><div class="form-group"><label for="daysToAdd">天数</label><input type="number" class="form-control" id="daysToAdd"></div><button id="calculateFutureDate" class="btn btn-primary">计算日期</button><p id="futureDateResult"></p></div></div></div><!-- 引入 jQuery 和 Bootstrap JS --><script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script><script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/js/bootstrap.bundle.min.js"></script><script>$(document).ready(function() {$('#calculateDiff').click(function() {var date1 = new Date($('#date1').val());var date2 = new Date($('#date2').val());var diffTime = Math.abs(date2 - date1);var diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));$('#diffResult').text('两个日期之间的差值为 ' + diffDays + ' 天');});$('#calculateFutureDate').click(function() {var startDate = new Date($('#startDate').val());var daysToAdd = parseInt($('#daysToAdd').val());var futureDate = new Date(startDate);futureDate.setDate(futureDate.getDate() + daysToAdd);$('#futureDateResult').text('几天后的日期为 ' + futureDate.toISOString().split('T')[0]);});});</script></body></html>
1、项目地图
邀请新朋友加入CodeGeeX，你和好友都能获得积分，如果你是 1 年以上的老用户，邀请成功可以获得3倍积分！🌟
活动期间，每天使用 CodeGeeX，积分轻松到手，让你的积分账户满满当当！
累计积分达到一定数量，就能兑换超多豪礼！最新款iPhone16📱、大疆Pocket📸、新款AirPods🎧等，你想要的，这里都有！
