I love the keyboard. So do you. Let's not click through datepicker. DateRanger.js provides sixth sense date range input that just works.
- Predicts which values you want to keep, and which you wish changed.
- Validation on every keystroke
- Error and calculation indicators
- Input delta as H:M, H, :M, H:
Be sure you have three input boxes with the IDs sdate, delta, edate:
<input id="sdate" />
<input id="delta" />
<input id="edate" />
Include the script:
<script src='dateRanger.js'></script>
Specify the initial fields to populate and a callback.
<script src='dateRanger.js'></script>
<script type="text/javascript">
dateRanger({
sdate: new Date("May 5, 2012"), // optional. Default: 24hrs ago
edate: new Date(), // optional. Default: now
focusout: false, // optional. Default: true
callback: function (sdate, edate){
console.log(sdate, " to ", edate)
}
});
</script>
sdate
(optional, default: 24rs ago) - Initial value for the starting date.edate
(optional, default: now) - Initial value for the ending date.focusout
(optional, default: true) - When true, ranges are calculated and callback called when an input loses focus.callback
(arguments: sdate, edate) - called after date range changes and is validated.
Note: Dates are always UTC
Coffee script needs to be compiled as bare:
coffee --bare --compile dateRanger.coffee