你的位置:首页 > Java教程

[Java教程]基于jQuery日期插件jalendar2


分享一款基于jQuery日期插件jalendar2。这是一款基于jalendar插件实现的日期时间选择代码。效果图如下:

在线预览    源码下载

html代码:

<div id="yourId" class="jalendar">  <div class="added-event" data-date="19-11-2015" data-title="WWDC 13 on San Francisco, LA"></div>  <div class="added-event" data-date="19-11-2015" data-title="Hazal ve Bora Nikah Töreni"></div>  <div class="added-event" data-date="21-11-2015" data-title="Hazal ve Bora Nikah Töreni"></div>  <div class="added-event" data-date="22-11-2015" data-title="Hazal ve Bora Nikah Töreni at 21"></div>  <div class="added-event" data-date="10-12-2015" data-title="Tarkan İstanbul Concert on Harbiye Açık Hava Tiyatrosu"></div></div>

js代码:

$('#yourId').jalendar({  customDay: '01/11/2015',  color: '#577e9a', // Unlimited  color2: '#57c8bf', // Unlimited  lang: 'TR'});

via:http://www.w2bc.com/article/jquery-date-plug

在线预览    源码下载