受楼下兄弟启发，周末肝了一会，也做了一个人生进度可视化网页

[857681664]

体验地址：zshnb.com/lifetime 开源： https://github.com/zshnb/lifetime-visualization

在基本的可视化功能基础上，增加了个人信息设置，以及时间粒度切换 由于时间比较仓促，也没用 canvas 绘制，因此切换日 <-> 年粒度页面会有点卡顿，欢迎大佬们提 pr 优化一波

[MrSheng]

很棒，希望可以调下暗黑模式的效果：

[nilai]

提个需求，预计寿命：100 岁 这个选项改为可输入设置，

[857681664]

@MrSheng 感谢提醒，列入计划

[luckyv2]

要是能在方格上面 鼠标放过去 浮窗这个方框所代表的日期就更好了

[857681664]

@nilai 这不是想让大家都长命百岁吗

[fd7917931e]

如果可以把参数添加到 URL 上，方便共享也是极好的

[857681664]

@luckyv2 你说的这个正是我昨天最后一个想完成的 feature ，可惜时间来不及了 hh ，我给补上

[857681664]

@fd7917931e 好主意诶，列入计划

[rimworld]

Application error: a client-side exception has occurred (see the browser console for more information).

[nilai]

长命百岁是理想中的， 我们还是得回归现实， 看看整体进度条，时刻给自己提醒， 所以 预计寿命 还是让大家自己掌控

[rimworld]

@rimworld Invalid Date RangeError: Invalid time value
at D (21-9005f61eeac4604b.js:76:19748)
at w (page-37ab4cacf8821ef0.js:1:4514)
at rb (d16e89e2-c27535e0e32b8127.js:1:40328)
at lA (d16e89e2-c27535e0e32b8127.js:1:59076)
at iU (d16e89e2-c27535e0e32b8127.js:1:117012)
at o2 (d16e89e2-c27535e0e32b8127.js:1:94368)
at d16e89e2-c27535e0e32b8127.js:1:94190
at o1 (d16e89e2-c27535e0e32b8127.js:1:94197)
at oV (d16e89e2-c27535e0e32b8127.js:1:91684)
at n1 (d16e89e2-c27535e0e32b8127.js:1:37341)

[857681664]

@nilai 知道了马上改.jpg

[rimworld]

@rimworld 我想直接打字输入日期，但好像只能选择？

[857681664]

@rimworld 大佬方便说一下怎么复现的嘛，我本地没有出现过这个错误

[corcre]

可以增加一个显示用户期望年龄, 平均年龄, 长命百岁的对比图

[857681664]

@857681664 我用的 material-ui 的 date-picker 组件，不确定他们是不是支持直接输入，研究一下看看

[lx271896700133]

我何德何能，能活一百岁

[mitx]

点击日期的输入框，然后 MM 被选中，以为要键盘输入日期，刚摁第一个就报错了。

Application error: a client-side exception has occurred (see the browser console for more information).

看了回复才发现这是个选择器，要点右边的 icon 才能弹出来。有点不太合理。

[857681664]

@mitx 明白了，我研究一下这个组件

[NutChocHoney]

粒度先切换到年再选生日 剩余天数计算有问题