jQuery UI는 고정 날짜 선택 특수 효과 코드를 설정합니다.-JS 튜토리얼-php.cn

jQuery UI는 고정 날짜 선택 특수 효과 코드를 설정합니다.

WBOY

풀어 주다： 2016-05-16 15:42:10

원래의

1340명이 탐색했습니다.

이 문서의 예에서는 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 설정 고정 날짜 선택 코드입니다.