problem using datetimebox in form

[Opan Mustopah]

hello again.

i have a problem using datetimebox plugin in form,
and i have a custom formatter and parser for that datetimebox.

here is my code :

Code:

$.fn.datetimebox.defaults.formatter = function(date){
  var arrMonth = [
    'Jan',
    'Feb',
    'Mar',
    'Apr',
    'May',
    'Jun',
    'Jul',
    'Aug',
    'Sep',
    'Oct',
    'Nov',
    'Dec'
  ];
  console.log(date); ==> always undefined when load data in form
  var d = date.getDate();
  var m = date.getMonth();
  var y = date.getFullYear();

  var hh = date.getHours();
  var mm = date.getMinutes();

  return (d < 10 ? ('0' + d)  : d) + ' ' + arrMonth[m] + ' ' + y + ' ' + hh + ':' + mm;
}

$.fn.datetimebox.defaults.parser = function (s){
  var arrMonth = [
    'Jan',
    'Feb',
    'Mar',
    'Apr',
    'May',
    'Jun',
    'Jul',
    'Aug',
    'Sep',
    'Oct',
    'Nov',
    'Dec'
  ];

  if (!s) return new Date();

  if (s.indexOf('-') > 0) {
    var ss = (s.split('-'));
    var y = parseInt(ss[0], 10);
    var m = parseInt(ss[1], 10) - 1;
    var d = parseInt(ss[2], 10);

  } else {
    var ss = (s.split(' '));
    var y = parseInt(ss[2], 10);
    var m = arrMonth.indexOf(ss[1]);
    var d = parseInt(ss[0], 10);

  }
  
    if (!isNaN(y) && !isNaN(m) && !isNaN(d)) {
      var date = new Date(y, m, d);

      if (ss[3] != null){
        var t = ss[3].split(":");
        date.setHours(t[0]);
        date.setMinutes(t[1]);
      }
      return date;

    }else{
      return new Date();
    }
}

everytime i trying to load form data, date parameter always shows undefinde value,

and format value for load into datetimebox is like this "2015-04-28 16:00:00"
am i missing something?

many thanks for the answer

[stworthy]

Please try to use the following code:

Code:

<script>
$.extend($.fn.datetimebox.defaults, {
	monthNames: ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],
	formatter:function(date){
		var opts = $(this).datetimebox('options');
		var d = date.getDate();
		var m = date.getMonth();
		var y = date.getFullYear();

		var hh = date.getHours();
		var mm = date.getMinutes();
		return d+' '+opts.monthNames[m]+' '+y+' '+hh+':'+mm;
	},
	parser:function(s){
		if (!s){return new Date();}
		var opts = $(this).datetimebox('options');
		var ss = s.split(' ');
		var d = parseInt(ss[0],10);
		var m = $.inArray(ss[1], opts.monthNames);
		var y = parseInt(ss[2],10);
		var tt = ss[3].split(':');
		var hh = parseInt(tt[0],10);
		var mm = parseInt(tt[1],10);
		return new Date(y,m,d,hh,mm,0);
	}
})
</script>

[Opan Mustopah]

thanks stworthy for the extended code.