jQuery UI는 고정 날짜 선택 특수 효과 코드를 설정합니다.
- WBOY원래의
- 2016-05-16 15:42:101295검색
이 문서의 예에서는 jQuery UI에서 고정 날짜 선택 효과를 설정하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.
jQuery는 UI 설정 고정 날짜 선택 특수 효과를 구현하며 선택적 고정 날짜 및 사용자 정의 날짜 코드가 포함된 jQuery UI 날짜 플러그인입니다.
运行效果图： ------查看效果 下载源码------------ --------
팁: 브라우저가 제대로 작동하지 않으면 탐색 모드를 전환해 보세요.
모두가 공유하는 jQuery UI에 대해 고정 날짜 선택을 설정하는 코드는 다음과 같습니다
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
<title>jQuery UI设置固定日期选择代码</title>
<link rel="stylesheet" href="css/jquery-ui-1.9.2.custom.css" type="text/css">
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.9.2.custom.js"></script>
<script type="text/javascript" src="js/share.js"></script>
</head>
<body>
<input type="text" class="ui-datepicker-time" readonly value="" />
<div class="ui-datepicker-css">
<div class="ui-datepicker-quick">
<p>快捷日期<a class="ui-close-date">X</a></p>
<div>
<input class="ui-date-quick-button" type="button" value="今天" alt="jQuery UI는 고정 날짜 선택 특수 효과 코드를 설정합니다." name=""/>
<input class="ui-date-quick-button" type="button" value="昨天" alt="-1" name=""/>
<input class="ui-date-quick-button" type="button" value="7天内" alt="-6" name=""/>
<input class="ui-date-quick-button" type="button" value="14天内" alt="-13" name=""/>
<input class="ui-date-quick-button" type="button" value="3jQuery UI는 고정 날짜 선택 특수 효과 코드를 설정합니다.天内" alt="-29" name=""/>
<input class="ui-date-quick-button" type="button" value="6jQuery UI는 고정 날짜 선택 특수 효과 코드를 설정합니다.天内" alt="-59" name=""/>
</div>
</div>
<div class="ui-datepicker-choose">
<p>自选日期</p>
<div class="ui-datepicker-date">
<input name="startDate" id="startDate" class="startDate" readonly value="2jQuery UI는 고정 날짜 선택 특수 효과 코드를 설정합니다.14/12/2jQuery UI는 고정 날짜 선택 특수 효과 코드를 설정합니다." type="text">
-
<input name="endDate" id="endDate" class="endDate" readonly value="2jQuery UI는 고정 날짜 선택 특수 효과 코드를 설정합니다.14/12/2jQuery UI는 고정 날짜 선택 특수 효과 코드를 설정합니다." type="text" disabled onChange="datePickers()">
</div>
</div>
</div>
<div style="text-align:center;margin:5jQuery UI는 고정 날짜 선택 특수 효과 코드를 설정합니다.px jQuery UI는 고정 날짜 선택 특수 효과 코드를 설정합니다.; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：36jQuery UI는 고정 날짜 선택 특수 효과 코드를 설정합니다.、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
</div>
</body>
</html>
위 내용은 모두에게 공유되는 jQuery UI 설정 고정 날짜 선택 코드입니다.
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.