简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Heim
Artikel
Fragen und Antworten
Kurs
Thema
Herunterladen
Spiel
Wörterbuch
kürzliche Updates

Heim  >  Artikel  >  Web-Frontend  >  Die jQuery-Benutzeroberfläche legt den Spezialeffektcode „sharing_jquery“ für die Auswahl eines festen Datums fest

Die jQuery-Benutzeroberfläche legt den Spezialeffektcode „sharing_jquery“ für die Auswahl eines festen Datums fest

WBOY
WBOYOriginal
2016-05-16 15:42:101290Durchsuche

Das Beispiel in diesem Artikel beschreibt, wie man einen festen Datumsauswahleffekt in der jQuery-Benutzeroberfläche festlegt. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
jQuery implementiert die UI-Einstellung der Spezialeffekte für die Auswahl fester Datumsangaben und ist ein jQuery-UI-Datums-Plug-in mit optionalen festen Datumsangaben und benutzerdefinierten Datumscodes.
运行效果图:                            --------------- --------

Tipps: Wenn der Browser nicht richtig funktioniert, können Sie versuchen, den Browsermodus zu wechseln.

Der Code zum Festlegen einer festen Datumsauswahl für die von allen geteilte jQuery-Benutzeroberfläche lautet wie folgt



Das Obige ist der Auswahlcode für die jQuery-Benutzeroberfläche, der mit allen geteilt wird. Ich hoffe, er gefällt Ihnen. 
<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="Die jQuery-Benutzeroberfläche legt den Spezialeffektcode „sharing_jquery“ für die Auswahl eines festen Datums fest" 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="3Die jQuery-Benutzeroberfläche legt den Spezialeffektcode „sharing_jquery“ für die Auswahl eines festen Datums fest天内" alt="-29" name=""/>
      <input class="ui-date-quick-button" type="button" value="6Die jQuery-Benutzeroberfläche legt den Spezialeffektcode „sharing_jquery“ für die Auswahl eines festen Datums fest天内" 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="2Die jQuery-Benutzeroberfläche legt den Spezialeffektcode „sharing_jquery“ für die Auswahl eines festen Datums fest14/12/2Die jQuery-Benutzeroberfläche legt den Spezialeffektcode „sharing_jquery“ für die Auswahl eines festen Datums fest" type="text">
      -
      <input name="endDate" id="endDate" class="endDate" readonly value="2Die jQuery-Benutzeroberfläche legt den Spezialeffektcode „sharing_jquery“ für die Auswahl eines festen Datums fest14/12/2Die jQuery-Benutzeroberfläche legt den Spezialeffektcode „sharing_jquery“ für die Auswahl eines festen Datums fest" type="text" disabled onChange="datePickers()">
    
    </div>
  </div>
</div>

<div style="text-align:center;margin:5Die jQuery-Benutzeroberfläche legt den Spezialeffektcode „sharing_jquery“ für die Auswahl eines festen Datums festpx Die jQuery-Benutzeroberfläche legt den Spezialeffektcode „sharing_jquery“ für die Auswahl eines festen Datums fest; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：36Die jQuery-Benutzeroberfläche legt den Spezialeffektcode „sharing_jquery“ für die Auswahl eines festen Datums fest、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
</div>
</body>
</html>
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：js realisiert den Menüeffekt der zweiten Ebene von Jingdong (mit Verzögerungsfunktion)_jqueryNächster Artikel：js realisiert den Menüeffekt der zweiten Ebene von Jingdong (mit Verzögerungsfunktion)_jquery

In Verbindung stehende Artikel

Mehr sehen