jQueryMobile - DateBox

Home

jQuery Mobile Framework :: DateBox

A Date and Time Picker plugin for jQueryMobile

Dynamic Start Date

You can dynamically set a start date for you calendar (or android mode) too.

Source Code
HTML
<label for="mydate">Some Date</label>

<input name="mydate" id="mydate" type="date" data-role="datebox"
   data-options='{"mode": "calbox"}'>
   
<a href="#" id="linkmodelink">Open Link</a>
jQuery
$('#thisPageID').live('pagecreate', function(event) {
  // Default picker value of Jan 1, 2012
  var defaultPickerValue = [2012, 0, 1];
    
  // Make it a date
  var presetDate = new Date(defaultPickerValue[0], defaultPickerValue[1], defaultPickerValue[2], 0, 0, 0, 0);
    
  // Get Today
  var todaysDate = new Date(); 
    
  // Length of 1 Day
  var lengthOfDay = 24 * 60 * 60 * 1000; 
    
  // Get the difference
  var diff = parseInt((((presetDate.getTime() - todaysDate.getTime()) / lengthOfDay)+1)*-1,10); 
    
  // Set the origin date
  $('#mydate').datebox({'defaultValue': defaultPickerValue});
    
  // Set minDays to disallow anything earlier
  $('#mydate').datebox({'minDays': diff});
});