jQuery prend en charge le partage de code d'effets spéciaux de calendrier pour l'ajout d'événements (3 styles)

jQuery prend en charge le partage de code d'effets spéciaux de calendrier pour l'ajout d'événements (3 styles)_jquery

WBOY

Libérer： 2016-05-16 15:43:12

original

1277 Les gens l'ont consulté

Prend en charge l'ajout d'événements. Le calendrier jQuery est un code de plug-in de calendrier jquery qui peut ajouter et supprimer du temps en temps réel. Les amis intéressés viennent l'apprendre
. Opération de rendu : ----------------Voir l'effet Télécharger le code source-- ------ ---------------

Conseils : Si le navigateur ne fonctionne pas correctement, vous pouvez essayer de changer de mode de navigation.
Le code des effets spéciaux du calendrier jQuery qui prend en charge l'ajout d'événements est partagé avec vous comme suit

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>支持添加事件jQuery日历</title>
<link rel="stylesheet" href="style/documentation.css" type="text/css" />
<link rel="stylesheet" href="style/jalendar.css" type="text/css" />
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script><!--jQuery-->
<script type="text/javascript" src="js/jalendar.js"></script>
<script type="text/javascript">
$(function () {
 $('#myId').jalendar({
 customDay: '2017/12/01', // Format: Year/Month/Day
 color: '#ed145a', // Unlimited Colors
 lang: 'EN' // Format: English — 'EN', Türk&ccedil;e — 'TR'
 });
 $('#myId2').jalendar({
 customDay: '2016/02/29',
 color: '#023447',
 lang: 'ES'
 });
 $('#myId3').jalendar();
});
</script>

</head>

<body>
 
<article>

 <div id="myId" class="jalendar">
 <div class="added-event" data-date="14/12/2017" data-time="Tüm Gün" data-title="WWDC 13 on San Francisco, LA"></div>
 <div class="added-event" data-date="16/12/2017" data-time="20:45" data-title="Tarkan &#304;stanbul Concert on Harbiye A&ccedil;&#305;k Hava Tiyatrosu"></div>
 <div class="added-event" data-date="17/12/2017" data-time="21:00" data-title="CodeCanyon &#304;stanbul Meeting on Starbucks, Kad&#305;k&ouml;y"></div>
 <div class="added-event" data-date="17/12/2017" data-time="22:00" data-title="Front-End Design and Javascript Conferance on Hali&ccedil; Kongre Merkezi"></div>
 <div class="added-event" data-date="17/12/2017" data-time="22:00" data-title="Lorem ipsum dolor sit amet"></div>
 </div>

<div id="myId2" class="jalendar"></div>
 
<div id="myId3" class="jalendar mid">
 <div class="added-event" data-date="9/8/2013" data-time="Tüm Gün" data-title="WWDC 13 on San Francisco, LA"></div>
 <div class="added-event" data-date="16/8/2013" data-time="20:45" data-title="Tarkan &#304;stanbul Concert on Harbiye A&ccedil;&#305;k Hava Tiyatrosu"></div>
 <div class="added-event" data-date="17/8/2013" data-time="21:00" data-title="CodeCanyon &#304;stanbul Meeting on Starbucks, Kad&#305;k&ouml;y"></div>
 <div class="added-event" data-date="17/8/2013" data-time="22:00" data-title="Front-End Design and Javascript Conferance on Hali&ccedil; Kongre Merkezi"></div>
 <div class="added-event" data-date="17/12/2017" data-time="22:00" data-title="Lorem ipsum dolor sit amet"></div>
</div>
</article>
<div style="text-align:center;clear:both">
</div>
</body>
</html>

Copier après la connexion

Ce qui précède est le code des effets spéciaux du calendrier que jQuery prend en charge pour ajouter des événements à partager avec vous. J'espère qu'il vous plaira.