jQuery Forum

Hi,

Finally I came up with the following option with the help of following blog:
http://www.kristofdegrave.be/2012/03/javascript-change-entered-character-in.html

If anybody has a better suggestion would be great if he could share his idea.

if (typeof($.datepicker) === 'object') {
    $.datepicker._doKeyPressOriginal = $.datepicker._doKeyPress
    $.datepicker._doKeyPress = function(event) {
      var replaceCharacter = '.';

      // '44' is the keyCode for ','
      if(event.which == '44') {
        // IE
        if (document.selection) {
          // Determines the selected text. If no text selected,
          // the location of the cursor in the text is returned
          var range = document.selection.createRange();
          // Place the comma on the location of the selection,
          // and remove the data in the selection
          range.text = replaceCharacter;
        // Chrome + FF
        } else if(this.selectionStart || this.selectionStart == '0') {
          // Determines the start and end of the selection.
          // If no text selected, they are the same and
          // the location of the cursor in the text is returned
          // Don't make it a jQuery obj, because selectionStart
          // and selectionEnd isn't known.
          var start = this.selectionStart;
          var end = this.selectionEnd;
          // Place the comma on the location of the selection,
          // and remove the data in the selection
          $(this).val($(this).val().substring(0, start) + replaceCharacter + $(this).val().substring(end, $(this).val().length));
          // Set the cursor back at the correct location in the text
          this.selectionStart = start + 1;
          this.selectionEnd = start +1;
        } else {
          // if no selection could be determined,
          // place the comma at the end.
          $(this).val($(this).val() + replaceCharacter);
        }
        return false;
      } else {
        return $.datepicker._doKeyPressOriginal(event);
      }
    }
  }