layDate 구성 요소를 통해 날짜/시간 선택기를 만드는 방법-JS 튜토리얼-php.cn

layDate 구성 요소를 통해 날짜/시간 선택기를 만드는 방법

清浅

풀어 주다： 2021-04-20 14:59:46

원래의

3322명이 탐색했습니다.

layDate 구성 요소를 통해 날짜 및 시간 선택기를 만드는 방법: 먼저 공식 웹사이트에서layDate 구성 요소를 다운로드한 다음 외부에서laydatejs 파일을 가져온 다음 마지막으로 메서드를 직접 호출하여 날짜 및 시간 선택기 효과를 완성합니다.

layDate 구성 요소를 통해 날짜/시간 선택기를 만드는 방법

이 문서의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

먼저 공식 홈페이지에서layDate 컴포넌트를 다운로드한 후 외부에서laydatejs 파일을 도입하고 마지막으로 메소드를 직접 호출하여 날짜 및 시간 선택기 효과를 완성합니다

대부분의 브라우저에서는 날짜 및 시간 선택기 컨트롤이 날짜를 표시합니다. 브라우저 기본 날짜 및 시간 선택기와 함께 제공되는 시간 선택기 컨트롤입니다. 즉, 사용자가 브라우저를 탐색할 때 다른 날짜 및 시간 선택 도구가 표시됩니다. 오늘 여러분께 전해드릴 내용은 날짜 선택기 효과 제작 사례입니다

layDate 날짜 및 시간 컴포넌트

layDate 그룹은 Layui가 독립적으로 관리하는 3가지 컴포넌트 중 하나로 연도 선택기, 연도 및 월 선택기, 선택 방법은 날짜 선택기, 시간 선택기, 날짜 시간 선택기의 5가지 유형이 있으며 범위 선택 모두 지원합니다

(1)layDate 컴포넌트 다운로드

다운로드 주소:https://www.layui.com/ laydate/

layDate 구성 요소를 통해 날짜/시간 선택기를 만드는 방법

(2)laydate.js 파일에 대한 외부 참조

<script src="./layDate-v5.0.9/laydate/laydate.js"></script>

로그인 후 복사

(3) 프로그램 코드

<body>
	<input type="text" id="text">
	<input type="text" id="text1">
	<script>
		laydate.render({
			elem:"#text",
			type:"date",
			theme:"#CD318E"
		});
		
		laydate.render({
			elem:"#text1",
			type:"time",
			theme: "#ccc"
		});
	</script>
</body>

로그인 후 복사

Rendering:

layDate 구성 요소를 통해 날짜/시간 선택기를 만드는 방법