在页面中添加两个 <select> 标签,用来显示年份和月份;同时添加两个 <ul> 标签,一个用来显示星期,另一个用来显示日期 在 JavaScript 脚本中动态添加年份和月份,获取当前日期的年份

需求说明:


使用 JavaScript 中的 Date 对象,在页面上显示一个万年历。选择不同的年份和月份,在页面中显示当前月的日历

实现思路:


  1. 在页面中添加两个 标签,用来显示年份和月份;同时添加两个

    • 标签,一个用来显示星期,另一个用来显示日期

  2. 在 JavaScript 脚本中动态添加年份和月份,获取当前日期的年份和月份,显示到 标签上

  3. 根据 标签上显示的 value 值,获取当前选中年月的第一天是星期几,并绘制空

  4. 标签
  5. 获取当前选中的年月一共有多少天,并绘制对应的

  6. 标签
  7. 为两个 标签设置 onchange 事件

实现代码:


    • 星期天
    • 星期一
    • 星期二
    • 星期三
    • 星期四
    • 星期五
    • 星期六
      • 1
        点赞
      • 0
        收藏
        觉得还不错? 一键收藏
      • 2
        评论

      “相关推荐”对你有帮助么?

      • 非常没帮助
      • 没帮助
      • 一般
      • 有帮助
      • 非常有帮助
      提交
      评论 2
      添加红包

      请填写红包祝福语或标题

      红包个数最小为10个

      红包金额最低5元

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

      抵扣说明:

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

      余额充值