1. 首页
  2. 编程语言
  3. Javascript
  4. vue 根据选择的月份动态展示日期对应的星期几

vue 根据选择的月份动态展示日期对应的星期几

上传者: 2021-08-23 12:57:40上传 PDF文件 102.62 KB 热度 35次

原理其实很简单,先得有一个选择年月的输入框吧,这里我用的是Element的DatePicker日期选择器组件,具体使用方法不多说,自己去看然后就是根据选择的月份来动态显示当前月份的每一天了,这里用到了日期对象的两个方法:setMonth和setDate。其中,setMonth 方法用于设置月份,参数介绍如下:setDate 方法用于设置一个月的某一天,参数介绍如下:具体代码如下:展示效果如下:注意,由于getMonth方法返回的值是从0开始的,所以如果要想获得正确的月份,需要在返回的值的基础上加1。而setDate这里有一点特殊,需要详细说明一下,setDate用于设置一个月的某一天,比如setDate就是设置一个月的第一天,setDate就是设置一个月的第十天。

用户评论