Advertisement
Guest User

jQuery UI Custom Date Picker

a guest
Feb 20th, 2013
52
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. // Date Format
  2. var initDatePicker = function () {
  3.     $( "#input_2_5" ).datepicker({
  4.         minDate:    1,
  5.         maxDate:    "+1m",
  6.         dateFormat: "DD, d MM, yy"
  7.     });
  8.    
  9.     $("#input_2_5").keypress(function (e) {
  10.         e.preventDefault();
  11.     });
  12.    
  13.     $("#input_2_5").keydown(function(e){
  14.         //If delete or backspace pressed
  15.         if (e.keyCode == 46 || e.keyCode == 8) {
  16.             $(this).val(''); // Clear text
  17.             $(this).datepicker("hide"); // Hide the datepicker calendar (if displayed)
  18.             $(this).blur(); // Unfocus from the field
  19.         }
  20.  
  21.         //Prevent user from manually entering date (have to use the datepicker box)
  22.         e.preventDefault();
  23.     });
  24. };
  25.  
  26. jQuery(document).bind('gform_post_render', function(){
  27.     initDatePicker();
  28. });
  29.  
  30. initDatePicker();
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement