老婆怀孕日记(一)

媳妇已经怀孕了,我想应该记录一下这个造人伟大的过程。

第一篇 为了媳妇快乐,我只有选择郁闷。

  媳妇已经怀孕十三周零三天了也就是三个月了,姑娘(我们的小宝宝,我们都希望是女孩)已经正式安家了。

我现在要做的就是照顾好她们母子俩,做到吃好、睡好还要心情好。下班回家,媳妇已经斜在沙发上了。老公给

我倒杯水,OK。老公我饿了,OK马上做饭。她说啥就得听啥,不对也要好好跟她说,这样她才能心情好。

 有时我想发火,可也只能忍着。有一点郁闷。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的怀孕日历表的 HTML、CSS 和 JavaScript 代码示例: HTML 代码: ```html <div class="pregnancy-calendar"> <div class="calendar-header"> <span class="prev-month-btn"><</span> <span class="current-month"></span> <span class="next-month-btn">></span> </div> <div class="calendar-body"> <div class="weekdays"> <span>周一</span> <span>周二</span> <span>周三</span> <span>周四</span> <span>周五</span> <span>周六</span> <span>周日</span> </div> <div class="days"></div> </div> </div> ``` CSS 代码: ```css .pregnancy-calendar { width: 300px; border: 1px solid #ccc; font-size: 14px; } .calendar-header { display: flex; justify-content: space-between; align-items: center; padding: 5px; background-color: #eee; } .current-month { font-weight: bold; } .prev-month-btn, .next-month-btn { cursor: pointer; } .weekdays { display: flex; justify-content: space-around; align-items: center; padding: 5px; background-color: #f0f0f0; } .days { display: flex; flex-wrap: wrap; padding: 5px; } .days span { display: block; width: calc(100% / 7); padding: 10px 0; text-align: center; } .days span.today { background-color: #ff0; } .days span.fertile { background-color: #0f0; } .days span.ovulation { background-color: #f00; } ``` JavaScript 代码: ```javascript (function() { var calendarEl = document.querySelector('.pregnancy-calendar'); var headerEl = calendarEl.querySelector('.calendar-header'); var monthEl = calendarEl.querySelector('.current-month'); var prevMonthBtn = calendarEl.querySelector('.prev-month-btn'); var nextMonthBtn = calendarEl.querySelector('.next-month-btn'); var daysEl = calendarEl.querySelector('.days'); var today = new Date(); var currentMonth = today.getMonth(); var currentYear = today.getFullYear(); renderCalendar(currentYear, currentMonth); prevMonthBtn.addEventListener('click', function() { currentMonth--; if (currentMonth < 0) { currentMonth = 11; currentYear--; } renderCalendar(currentYear, currentMonth); }); nextMonthBtn.addEventListener('click', function() { currentMonth++; if (currentMonth > 11) { currentMonth = 0; currentYear++; } renderCalendar(currentYear, currentMonth); }); function renderCalendar(year, month) { var firstDay = new Date(year, month, 1); var lastDay = new Date(year, month + 1, 0); var daysInMonth = lastDay.getDate(); var firstWeekday = firstDay.getDay(); var lastWeekday = lastDay.getDay(); var prevMonthDays = firstWeekday === 0 ? 7 : firstWeekday; var nextMonthDays = lastWeekday === 0 ? 0 : 7 - lastWeekday; var fertileDays = [8, 9, 10, 11, 12, 13, 14]; var ovulationDay = 14; monthEl.textContent = year + '年' + (month + 1) + '月'; var daysHtml = ''; for (var i = prevMonthDays - 1; i >= 0; i--) { var date = new Date(year, month, 0 - i); daysHtml += '<span class="prev-month-day">' + date.getDate() + '</span>'; } for (var i = 1; i <= daysInMonth; i++) { var date = new Date(year, month, i); var classes = []; if (date.getFullYear() === today.getFullYear() && date.getMonth() === today.getMonth() && date.getDate() === today.getDate()) { classes.push('today'); } if (fertileDays.indexOf(i) !== -1) { classes.push('fertile'); } if (i === ovulationDay) { classes.push('ovulation'); } daysHtml += '<span class="' + classes.join(' ') + '">' + i + '</span>'; } for (var i = 1; i <= nextMonthDays; i++) { var date = new Date(year, month + 1, i); daysHtml += '<span class="next-month-day">' + date.getDate() + '</span>'; } daysEl.innerHTML = daysHtml; } })(); ``` 说明: 1. 代码中使用了 HTML、CSS 和 JavaScript 技术,用于绘制一个怀孕日历表。 2. 怀孕日历表显示当前月份的日历,支持前后月份切换。 3. 日历表中,周一至周日用不同颜色的文本表示,当前日期用黄色背景标注,排卵日用红色背景标注,受孕期用绿色背景标注。 4. JavaScript 代码中使用了 Date 类型和相关方法,用于日期计算和格式化。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值