Submit your widget

super cool Mobile Date Navigation with JQuery

Created 4 years ago   Views 15654   downloads 1653    Author victor-valencia
super cool  Mobile Date Navigation with JQuery
View DemoDownload 152.7 KB
78
Share |

This Mobile Date plugin provides a navigation between date range, either by a defined range (week, month and year). Ideal for querying information accurately by AJAX calls.

use it:

1. Basic JQuery Mobile Styles

<link rel="stylesheet" href="css/jquery-mobile/jquery.mobile-1.2.0.min.css"/>
<link rel="stylesheet" href="css/jquery-mobile/jquery-mobile-fluid960.min.css"/>

2. Basic JQuery Mobile Framework Javascripts

<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/jquery.mobile-1.2.0.min.js"></script>
<script src="js/jquery.date.core.js"></script>
<script src="js/jquery.mobile.date.navigation.js"></script>

3a. Basic Configuration

HTML:

<div id="dateNavigation" data-date="2013-02-14" data-range="month"></div>

JQuery:

$(function(){
 
    $("#dateNavigation").dateNavigation();
 
});

Read more:http://victor-valencia.github.io/jquery-mobile-date-navigation/