Question

I’m using Trent Richardson’s great Datetimepicker. However, I’m running into a specific issue in which the plugin does not act like the traditional jQuery UI Datepicker.

When you start with a blank date, then press next or previous to change the month, in Datetimepicker it automatically inserts a date and time, where jQuery UI does not. The fact that it adds that is causing issues in my application, and I would just like it not to do that in the first place.

Here’s my initialization:

 function datepickerAdd() {
        $('input[name=valueTextField]').addClass('datepicker');

                $( ".datepicker" ).datetimepicker({
                        dateFormat: 'm/d/yy ',
                        timeText: '<spring:message code='customMetaData.datetimepicker.time'/>',
                        controlType: 'select',
                        timeFormat: "h:mm TT",
                        ampm: true
                });
                $('input[name=valueTextField]').attr('onPaste', 'return false')
    }

Does anyone have anywhere to start with this?

Answer 1

There’s no such option for Date, like alwaysSetTime for Time in this Datetimepicker. So you have to implement it by yourself. Just add these lines in your datetimepicker call:

    onChangeMonthYear: function(year, month, dpInst, tpInst) {
        if(!tpInst.timeDefined && !dpInst.dateDefined) {
            this.value = '';
            dpInst.dateDefined = null;
        }
    },
    onSelect: function(date, dpInst) {
        dpInst.dateDefined = true;
    }

Check working JSFiddle here