fix: date-picker 月份显示不正确
This commit is contained in:
		
							parent
							
								
									0e39e81e5c
								
							
						
					
					
						commit
						a4bfb2f5df
					
				@ -18,7 +18,7 @@
 | 
				
			|||||||
              >
 | 
					              >
 | 
				
			||||||
              <div class="laydate-set-ym">
 | 
					              <div class="laydate-set-ym">
 | 
				
			||||||
                <span @click="showYearPanel">{{ curYear }} 年</span
 | 
					                <span @click="showYearPanel">{{ curYear }} 年</span
 | 
				
			||||||
                ><span @click="showPanel = 'month'">{{ curMonth }} 月</span>
 | 
					                ><span @click="showPanel = 'month'">{{ curMonth + 1 }} 月</span>
 | 
				
			||||||
              </div>
 | 
					              </div>
 | 
				
			||||||
              <i
 | 
					              <i
 | 
				
			||||||
                class="layui-icon laydate-icon laydate-next-m"
 | 
					                class="layui-icon laydate-icon laydate-next-m"
 | 
				
			||||||
@ -82,28 +82,29 @@
 | 
				
			|||||||
          </div>
 | 
					          </div>
 | 
				
			||||||
        </div>
 | 
					        </div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        <div
 | 
					        <div class="layui-laydate" v-show="showPanel === 'year'">
 | 
				
			||||||
          class="layui-laydate" v-show="showPanel === 'year'"
 | 
					 | 
				
			||||||
        >
 | 
					 | 
				
			||||||
          <div class="layui-laydate-main laydate-main-list-0 laydate-ym-show">
 | 
					          <div class="layui-laydate-main laydate-main-list-0 laydate-ym-show">
 | 
				
			||||||
            <div class="layui-laydate-header">
 | 
					            <div class="layui-laydate-header">
 | 
				
			||||||
              <div class="laydate-set-ym">
 | 
					              <div class="laydate-set-ym">
 | 
				
			||||||
                <span class="laydate-time-text">选择年份</span>
 | 
					                <span class="laydate-time-text">选择年份</span>
 | 
				
			||||||
              </div>
 | 
					              </div>
 | 
				
			||||||
            </div>
 | 
					            </div>
 | 
				
			||||||
            <div class="layui-laydate-content" style="height: 220px;overflow-y: auto;">
 | 
					            <div
 | 
				
			||||||
 | 
					              class="layui-laydate-content"
 | 
				
			||||||
 | 
					              style="height: 220px; overflow-y: auto"
 | 
				
			||||||
 | 
					            >
 | 
				
			||||||
              <ul class="layui-laydate-list laydate-year-list">
 | 
					              <ul class="layui-laydate-list laydate-year-list">
 | 
				
			||||||
           <li
 | 
					                <li
 | 
				
			||||||
            v-for="item of yearList"
 | 
					                  v-for="item of yearList"
 | 
				
			||||||
            :key="item"
 | 
					                  :key="item"
 | 
				
			||||||
            :class="[{ 'layui-this': curYear === item }]"
 | 
					                  :class="[{ 'layui-this': curYear === item }]"
 | 
				
			||||||
            @click="
 | 
					                  @click="
 | 
				
			||||||
              curYear = item;
 | 
					                    curYear = item;
 | 
				
			||||||
              showPanel = 'date';
 | 
					                    showPanel = 'date';
 | 
				
			||||||
            "
 | 
					                  "
 | 
				
			||||||
          >
 | 
					                >
 | 
				
			||||||
            {{ item }}
 | 
					                  {{ item }}
 | 
				
			||||||
          </li>
 | 
					                </li>
 | 
				
			||||||
              </ul>
 | 
					              </ul>
 | 
				
			||||||
            </div>
 | 
					            </div>
 | 
				
			||||||
          </div>
 | 
					          </div>
 | 
				
			||||||
@ -132,7 +133,7 @@
 | 
				
			|||||||
              >
 | 
					              >
 | 
				
			||||||
              <div class="laydate-set-ym">
 | 
					              <div class="laydate-set-ym">
 | 
				
			||||||
                <span @click="showYearPanel">{{ curYear }} 年</span
 | 
					                <span @click="showYearPanel">{{ curYear }} 年</span
 | 
				
			||||||
                ><span @click="showPanel = 'month'">{{ curMonth }} 月</span>
 | 
					                ><span @click="showPanel = 'month'">{{ curMonth + 1 }} 月</span>
 | 
				
			||||||
              </div>
 | 
					              </div>
 | 
				
			||||||
              <i
 | 
					              <i
 | 
				
			||||||
                class="layui-icon laydate-icon laydate-next-y"
 | 
					                class="layui-icon laydate-icon laydate-next-y"
 | 
				
			||||||
@ -231,7 +232,6 @@ import LayDropdown from "../dropdown/index.vue";
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
defineProps({
 | 
					defineProps({
 | 
				
			||||||
  modelValue: { type: String, required: false },
 | 
					  modelValue: { type: String, required: false },
 | 
				
			||||||
  frontText: { type: String, required: false },
 | 
					 | 
				
			||||||
});
 | 
					});
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const $emits = defineEmits(["update:modelValue"]);
 | 
					const $emits = defineEmits(["update:modelValue"]);
 | 
				
			||||||
 | 
				
			|||||||
@ -153,7 +153,7 @@ const components: Record<string, Component> = {
 | 
				
			|||||||
  LayResult,
 | 
					  LayResult,
 | 
				
			||||||
  LayFullscreen,
 | 
					  LayFullscreen,
 | 
				
			||||||
  LayConfigProvider,
 | 
					  LayConfigProvider,
 | 
				
			||||||
  LayDatePicker
 | 
					  LayDatePicker,
 | 
				
			||||||
};
 | 
					};
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const install = (app: App, options?: InstallOptions): void => {
 | 
					const install = (app: App, options?: InstallOptions): void => {
 | 
				
			||||||
@ -237,7 +237,7 @@ export {
 | 
				
			|||||||
  LayResult,
 | 
					  LayResult,
 | 
				
			||||||
  LayFullscreen,
 | 
					  LayFullscreen,
 | 
				
			||||||
  LayConfigProvider,
 | 
					  LayConfigProvider,
 | 
				
			||||||
  LayDatePicker
 | 
					  LayDatePicker,
 | 
				
			||||||
};
 | 
					};
 | 
				
			||||||
 | 
					
 | 
				
			||||||
export { layer };
 | 
					export { layer };
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user