Maison > Article > interface Web > jQuery UI définit le code d'effet spécial de sélection de date fixe Sharing_jquery

jQuery UI définit le code d'effet spécial de sélection de date fixe Sharing_jquery

WBOYoriginal: 2016-05-16 15:42:101290parcourir

L'exemple de cet article décrit comment définir un effet de sélection de date fixe dans jQuery UI. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :
jQuery implémente les effets spéciaux de sélection de date fixe en définissant l'interface utilisateur. Il s'agit d'un plug-in de date jQuery ui, avec des dates fixes en option et des codes de date personnalisés.
运行效果图： -------------------查看效果下载源码----------- ---------

Conseils : Si le navigateur ne fonctionne pas correctement, vous pouvez essayer de changer de mode de navigation.
Le code pour définir une sélection de date fixe pour l'interface utilisateur jQuery partagée par tout le monde est le suivant

<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 définit le code deffet spécial de sélection de date fixe Sharing_jquery" 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 définit le code deffet spécial de sélection de date fixe Sharing_jquery天内" alt="-29" name=""/>
      <input class="ui-date-quick-button" type="button" value="6jQuery UI définit le code deffet spécial de sélection de date fixe Sharing_jquery天内" 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 définit le code deffet spécial de sélection de date fixe Sharing_jquery14/12/2jQuery UI définit le code deffet spécial de sélection de date fixe Sharing_jquery" type="text">
      -
      <input name="endDate" id="endDate" class="endDate" readonly value="2jQuery UI définit le code deffet spécial de sélection de date fixe Sharing_jquery14/12/2jQuery UI définit le code deffet spécial de sélection de date fixe Sharing_jquery" type="text" disabled onChange="datePickers()">
    
    </div>
  </div>
</div>

<div style="text-align:center;margin:5jQuery UI définit le code deffet spécial de sélection de date fixe Sharing_jquerypx jQuery UI définit le code deffet spécial de sélection de date fixe Sharing_jquery; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：36jQuery UI définit le code deffet spécial de sélection de date fixe Sharing_jquery、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
</div>
</body>
</html>

Ce qui précède est le code de sélection de date fixe du paramètre jQuery UI partagé avec tout le monde. J'espère que vous l'aimerez.

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：js réalise l'effet de menu de deuxième niveau de Jingdong (avec fonction de retard)_jqueryArticle suivant：js réalise l'effet de menu de deuxième niveau de Jingdong (avec fonction de retard)_jquery

Articles Liés

Voir plus