Question

Hello I was asked to modify some code. We got something like this:

$("#expiration_datepicker").datetimepicker( "option", "disabled", false ).attr('value', '');

$("#expiration_datepicker").datetimepicker({
    dateFormat: 'mm-dd-yy',
    showOn: 'button',
    buttonImage: '../chassis/images/calendar.gif',
    buttonImageOnly: true,
    minDate: 0,
    maxDate: '+5Y',
    duration: '',
    <c:if test="${formIsReadonly or form.newsItemId == '-1'}">
        disabled: true,
    </c:if>
    constrainInput: false,
    timeFormat: 'hh:mm'
});

Looks like this is setting up the date picker

How Can I set it up to default show todays date and time??
like dd-m-yy hh:mm

Answer 1

Check the datepickers documentation for more customizations. Surely it have..

$("#expiration_datepicker").datetimepicker("option", "disabled", false).attr('value', '');
       
$("#expiration_datepicker").datetimepicker({
    **dateFormat: 'dd-m-yy',** // date format goes here
    showOn: 'button',
    buttonImage: '../chassis/images/calendar.gif',
    buttonImageOnly: true,
    minDate: 0,
    maxDate: '+5Y',
    duration: '',
    <c:if test="${formIsReadonly or form.newsItemId == '-1'}">
        disabled: true,
    </c:if>
    constrainInput: false,
    timeFormat: 'hh:mm'  // time format here
});

Usage:

<script>
    $('#expiration_datepicker').click(function() {
        ('#expiration_datepicker').datetimepicker('setDate', (new Date()));
    });
</script>